DxDrawer Properties
A side panel that supports minimized layout and expand/collapse operations.
Name | Description |
---|---|
Apply |
Specifies whether to shade the target content area when the drawer panel appears (for the Overlap mode only).
|
Body |
Specifies a template for the drawer panel’s body. |
Closed |
Assigns a CSS class to the Drawer component when the panel is closed. |
Close |
Specifies whether the drawer panel should be closed when a user presses Escape. |
Close |
Specifies whether the drawer panel should be closed when a user clicks the target content area (for Overlap mode only).
|
Css |
Assigns a CSS class to the Dx component.
|
Footer |
Specifies a template for the drawer panel’s footer. |
Header |
Specifies a template for the drawer panel’s header. |
Id | Specifies the component’s unique identifier. |
Is |
Specifies whether the drawer panel is open. |
Mini |
Assigns a CSS class to the Drawer component when the panel is minimized. |
Mini |
Specifies whether a minimized panel is displayed when the drawer panel is closed (for the Shrink mode only).
|
Mini |
Specifies the width of the minimized drawer panel. |
Mode | Specifies how the drawer panel interacts with the target content area. |
Open |
Assigns a CSS class to the Drawer component when the panel is open. |
Panel |
Specifies the width of the drawer panel. |
Position | Specifies where the drawer panel is displayed – to the left or right of the target content. |
Size |
Specifies the size of the component and its content. |
Target |
Specifies the drawer’s target content. |
ZIndex |
Specifies the drawer panel’s z-index (for the Overlap mode only).
|