A menu is used to display links to other pages in your app or other websites.
How Menus Work
Menus contain links the user can click to navigate to other pages in the app, or to other websites entirely. The following menu is on the bottom of a page after a details view with links to edit the record or add a connected record:
Menus are often used to help organize views into multiple pages. For example, a page containing both a table listing multiple records and a form to add a new record could be too crowded. You could instead add that form on a child page and link to it with a menu.
Add Menus
Add a view menu
You can add a menu by selecting the Menu option from the views toolbar at the top of any page:
Menus aren't associated with any specific object, so there’s no need to choose one.
Your menu will be added to the page but will be empty with no links. You'll have to click on the menu to edit it and add a link (see below).
Add a new view linked with a menu
You can add a new view to any page and choose to link to that view with a menu instead of adding it directly to that page. Just select the type of view and object you want to display records from. Then check the box for "Link to this [view] from a menu" above the add button:
If a menu already exists on that page you'll have the option of adding to that existing menu or to a new menu:
Edit Menus
Click directly on a menu in your pages to edit it:
The menu will open in "edit" mode:
A title and description are listed above the menu links, and you can click on each to add or edit. These are optional and will display at the top of the menu if added.
Add Links
The Add Links section contains three options for adding new links:
Link to a new page:
This will add a link to a new page you can create. You'll be guided through a wizard to add your new page:
Link to existing page:
This will add a link to an existing page. You can select another starter page or a page that originates from a Menu view on starter page to link to:
Link to a URL: add the URL of another website to link to:
Edit Links
To edit or remove a link, first hover over the link and then click the "pencil" icon:
Editing the link will present different options depending on the link type:
Change the order of the menu links by dragging a link and dropping it in a new order.
Delete a link by hovering over a link and clicking the "trash can" icon. If the link is connected to a child page that page will also be deleted.
Options
The Options section provides additional options for formatting your menu:
The menu can be formatted to display in buttons or tabs. Tabs display the links as a single menu instead of separate links:
If the Buttons option is chosen, the menu will display on the page that contains the menu view. Menus displaying as buttons can be placed anywhere on the page as well.
If the Tabs option is chosen, your menu button will appear even on child pages. Tabs also always display at the top of the page.
The active menu is indicated by a down arrow. The menu will also stay visible as you navigate to any child pages.
With the tabs option, you can also choose whether or not to automatically navigate to the first link in the menu using the Auto Link option.
Adding Icons
Icons can be added when adding or editing a link, while editing a Menu view:
From the "Add Links" section, add a new link to the menu or hover over an existing link to edit the link:
Then click the "add icon" link and select your icon:
When selecting an icon, you can also edit the alignment.
-
Left: the icon will appear on the left side of the button text.
-
Right: the icon will appear on the right side of the button text.
Notes and Troubleshooting
Menu not displaying on mobile devices
If the Header colors and Page Menu and Submit colors are the same, then it will appear that menus are not displaying on your mobile device. You can double-check and update the colors of your app in the Live App Design section of the Builder: