Panel Left — Reference
Panel Left settings and behavior. Settings include Layout, Effect, Resizable, Extended Properties.
Panel Left
Section titled “Panel Left”Panel Left settings and events. Select the component in App Structure to find these controls in Properties.
| Name | Description |
|---|---|
| Layout | Options: Light, Dark (dark) Default: "". |
| Effect | Options: Reveal (panel-reveal), Cover (panel-cover) Default: "". |
| Resizable | Default: false. |
| Extended Properties | Enable Extended Properties Default: false. |
| Visible Breakpoint | Minimal app width (in px) when left panel becomes always visible. Default: "". Attribute: data-visible-breakpoint. |
| Collapsed Breakpoint | Minimal app width (in px) when left panel becomes partially visible (collapsed). Default: "". Attribute: data-collapsed-breakpoint. |
| Swipe | Enable if you want to enable ability to open/close panel with swipe. Default: false. Attribute: data-swipe. |
| Swipe Active Area | Width (in px) of invisible edge from the screen that triggers panel swipe. Default: "". Attribute: data-swipe-active-area. |
| Swipe Threshold | Panel will not move with swipe if "touch distance" will be less than this value (in px). Default: "". Attribute: data-swipe-threshold. |
| Swipe Only Close | This parameter allows to close (but not open) panel with swipes. (swipe should be also enabled). Default: false. Attribute: data-swipe-only-close. |
| Swipe No Follow | Fallback option for potentially better performance on old/slow devices. If you enable it, then swipe panel will not follow your finger during touch move, it will be automatically opened/closed on swipe left/right. Default: false. Attribute: data-swipe-no-follow. |
| Backdrop | Enables Panel backdrop (dark semi transparent layer behind). Default: true. Attribute: data-backdrop. |
| Close By Backdrop Click | Enable/disable ability to close panel by clicking outside of panel. Default: true. Attribute: data-close-by-backdrop-blick. |