Drawer
A Drawer is a customizable view, often used to provide a navigational menu. Drawers can be anchored to any side of the screen and can be permanently visible or controlled using the Toggle drawer action node.
The Drawer is often used to represent menus, details pane (for viewing or editing information of a single object), search panes or help menus. For example, when toggling a menu icon on a responsive App, you may open a Drawer from the left og right side. Or clicking the Edit icon on a Table may open a Drawer from the right. A persistent Drawer may represent global headers (with menu) for your App.
Main app drawer
It is possible to configure a Main App Drawer in App settings. This is optional, but defining a main app drawer enables some additional built-in features:
The drawer state is accessible via the built-in app variable Is Main Drawer Open.
If the drawer's Type property is
Temporary
, the drawer will be automatically closed when navigating using action nodes such as Navigate and Open dialog.
General properties
Good to know
Drawers with Type Temporary
and Position Left
or Right
position have a default width of 256 pixels or 100% - 56 px on Extra Small devices.
App bar
App bar properties for dialogs are the same as for views.
Event handlers
Last updated