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.

Example

A Drawer example is available in our Showroom. You can view the demo, as well as access the setup in Appfarm Create. Don't have access? Register.

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