A navigation header enables your users to navigate to different pages of your app. This guide will cover how to create navigation links as well as sub navigation links.
Creating a navigation link
- Hover over the header section in the editor
- Click on the Edit Header button.
- Click on the Add Link button under the Navigation Links section
- Give your page a name and select the page it links to
- Save and publish app
Creating a sub navigation link
Creating a sub navigation link will group your links into a dropdown menu. Under the parent navigation link:
- Create a navigation link without a page selected
- Click on the Add Sublink button
- Give the sub navigation link a name and select the page it should link to
- Save and publish app
Styling the Navigation Header
Update the layout, background, links and dropdown styles by:
- Switch to the Styles tab from Edit Header
Adding a Logo
- Click on the Settings dropdown menu
- Select App Assets
- Upload a logo
Adding an Action Button
To add a button into the navigation header:
- Scroll down to the Action button section
- Select a type
- Fill in the details
- Save and publish app