DxDrawer Properties

A side panel that supports minimized layout and expand/collapse operations.

Name	Description
ApplyBackgroundShading	Specifies whether to shade the target content area when the drawer panel appears (for the Overlap mode only).
Attributes	Specifies a collection of standard HTML attributes applied to the Drawer.
BodyTemplate	Specifies a template for the drawer panel’s body.
ClosedCssClass	Assigns a CSS class to the Drawer component when the panel is closed.
CloseOnEscape	Specifies whether the drawer panel should be closed when a user presses Escape.
CloseOnTargetContentClick	Specifies whether the drawer panel should be closed when a user clicks the target content area (for Overlap mode only).
CssClass	Assigns a CSS class to the DxDrawer component.
FooterTemplate	Specifies a template for the drawer panel’s footer.
HeaderTemplate	Specifies a template for the drawer panel’s header.
Id	Specifies the component’s unique identifier.
IsOpen	Specifies whether the drawer panel is open.
MiniCssClass	Assigns a CSS class to the Drawer component when the panel is minimized.
MiniModeEnabled	Specifies whether a minimized panel is displayed when the drawer panel is closed (for the Shrink mode only).
MiniPanelWidth	Specifies the width of the minimized drawer panel.
Mode	Specifies how the drawer panel interacts with the target content area.
OpenCssClass	Assigns a CSS class to the Drawer component when the panel is open.
PanelWidth	Specifies the width of the drawer panel.
Position	Specifies where the drawer panel is displayed – to the left or right of the target content.
SizeMode	Specifies the size of the component and its content.
TargetContent	Specifies the drawer’s target content.
ZIndex	Specifies the drawer panel’s z-index (for the Overlap mode only).