About Page Menus

In this article, we will explore the functionality and features of the Page Menu.

What is the Page Menu?

The Page Menu is the primary menu that is displayed at the top of your Live App. It includes a link to each of your starting pages, allowing Live App users to effortlessly navigate between the main pages of your app.

The Page Menu will remain visible, irrespective of the page being viewed, unless the menu has been disabled or the user lacks permission to access that specific page.

Here's an example of a page menu for the Project Management Database sample app when logged in as an Admin:

 

Activating the Page Menu

By default, the page menu is enabled for every starting page added to your app. However, you can enable and disable the page menu at any time from your App Settings.

From the Settings section of the Builder, select the “App Settings” option. To manage the Page Menu, select “Live App Design” and then select “Header & Page Menu”.

In the App Settings, you have the ability to enable or disable the Page Menu for each start page. Additionally, you can enable user-based menu items, which will only display menu options that the user has access to.

 

Managing the Page Menu

Adding Links

To include a new link in your page menu, simply add a new page to your app. The Page Menu will then display a link for each starting page in your Live App.

To add a new page to your app, simply click on the green "+" button in the Pages section of the Builder. This will open a dropdown menu where you can choose to add a public page, login page, or dropdown menu.

• Public Page: This option adds a new page to your app that does not require a login. It allows anyone with the link to easily access this page.

• Login Page: This option allows users to access a page after logging in. You have the flexibility to choose which user roles can log in to the page.

• Dropdown Menu: This feature enables you to organize pages from your Page Menu into a new dropdown menu, providing a more streamlined and organized navigation experience for your Live App users.

 

Hiding Individual Links

While each starting page is included in the page menu by default, you may not want every page to be visible from the page menu. Each individual page’s visibility can be controlled from the Settings tab of the specific page.

To hide a page from the Page Menu, uncheck the "Include this page in the Page Menu" option in the Page settings for a specific page. 

 

Hiding the Page Menu from a Page

You also have the option to hide the entire page menu from a specific page. To remove the page menu from the page, simply uncheck the "Display the Page Menu when viewing this page" option in the page's settings.

 

Changing the Order of the Links in Your Page Menu

To change the order of the Page Menu links, you can easily rearrange the starting pages in your pages list by dragging and dropping them to a new position:

 

Adding Icons

You can add icons to the Page Menu links by editing the icon option in the Settings for each page.

Open the Page Settings by clicking the dropdown arrow next to the page's name or by selecting "Settings" in the page preview.  Then, click the “add icon” link and you will be able to choose an 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.

Dropdown Menus

You can group pages on the Page Menu into dropdown menus. This is helpful for consolidating related links in your page menu: 

Adding a Dropdown Menu

To add a new dropdown menu, navigate to the Pages section of the Builder and click the green "+" button above the page list. Then, click the “Dropdown Menu” option.

Selecting this will prompt you to select which starting pages to include in the dropdown menu in the toolbox. Check the pages you wish to include and then click “Continue”. Next, give your dropdown menu a name and click “Add Page”.

 

By following these steps, your Dropdown Menu will be added to the page tree on the left side of the Builder.

Your dropdown menu will now be visible in the page menu when you view your Live App.

 

Managing Dropdown Menus

To modify the pages included in an existing dropdown menu, simply click on the dropdown menu in the pages tree. From there, you can edit the pages displayed in the dropdown on the right side or access the "Settings" for that menu to change the name of the dropdown menu, include or exclude this page from the page menu, or add an icon.

 

Deleting a Dropdown Menu

To remove a dropdown menu, simply click on the downward arrow button beside the Dropdown Menu in the page tree. Then, choose the "Delete" option and the dropdown menu will be removed from the page menu.

User Roles and the Page Menu

If your app is set up with user roles, you can set the page menu so that the page links will show based on the user roles.

When a user logs in, they will only see page links for the pages that are accessible to their assigned user role. They will also see page links for any pages that do not require a login.

To enable or disable user-based page links, access the app's Settings section and navigate to Live App Design > Header and Page Menu. From there, you can edit the "Page Menu Options".

---