Ask AI
English EN
Go to Watbot
Open as markdown The page text without formatting Open in ChatGPT Ask a question about this page Open in Claude Ask a question about this page Connect to Cursor Help center MCP server in one click Connect to VS Code Help center MCP server in one click How to connect the help center to AI

Menu

A side menu that slides out over the current screen. Inside is a page, like a screen's: a header and areas with elements. A menu usually holds a list of the app's sections and is opened with a button in the screen header.

The Menu block: the menu on the phone and its settingsThe Menu block: the menu on the phone and its settings

Settings

General

  • "Side" — "Left" or "Right".
  • "Opening" — "Default", "Over the screen", "Screen slides away" or "Screen moves with the menu". The difference is only visible in the built app.
  • "Gestures": "Open by swiping from the edge" — on for a new menu.

Style

  • "Background color" and a "Divider line" between the menu and the screen.
  • "Width" — in px or %. If not set, 304px.

Menu elements are added the same way as on a screen: click the menu in the block — the editor with the phone opens.

Exits

The menu's exits are its tappable elements: list rows, buttons. A menu has no "Continue" exit of its own. If a row leads to a screen, the menu closes and that screen opens.

Specifics

  • A menu cannot be the start block.
  • A new screen closes an open menu.