Skip to main content
All docs
V24.1

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).
BodyTemplate Specifies a template for the drawer panel’s body.
ClosedCssClass Assign 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 Assign 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 Assign 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 Assign 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 a dialog’s inner elements. Also affects a dialog’s size and content. Inherited from DxSizableComponentBase.
TargetContent Specifies the drawer’s target content.
ZIndex Specifies the drawer panel’s z-index (for the Overlap mode only).
See Also