In-app navigation

In-app navigation allows navigating between pages of an app. There are two different ways to navigate within an app:

1. Via navigation menu

2. Via widget

Both ways may be combined in one app.

Navigation menu

The main menu of an app is automatically active when you add a second page to the app. The default navigation menu is bottom tabs.

Default navigation: Bottom tabs

The navigation menu appears on all pages and subpages.

Edit navigation menu

To edit the navigation menu, click on the navigation icon in the top bar.

Navigation icon in top bar

With the field App Title you can add a static title to all pages of your app.

App title adds a static title to an app

Types of navigation menu

There are 3 types available:

• None: No navigation menu at all

• Bottom tabs: Navigation via tabs at the bottom of an app. As soon as the maximum number of side-by-side tabs for a specific screen size has been reached, the bottom tabs become horizontally scrollable.

• Menu drawer: A classic burger menu that you can configure in more details afterward. It is possible to adjust the position (top or left) as well as the opening mode (push or overlap) of the menu drawer.

When changing the type of navigation, it is automatically applied to all screen sizes. Defining a navigation type per device type is not possible.

Edit menu items

1. In the navigation settings, click on the page you want to edit the menu item for to open the configuration menu.

   

   Menu item configuration
2. Enter a name for each menu item with the field Text. By default, the items are called Page 1, Page 2, and so on.

3. Optionally, you can pick a custom icon for each menu item with the Select icon field.

Change page order

To change the order of pages:

1. Click on the navigation icon in the top bar.

2. Click on the arrow icons (⬆️ or ⬇️) next to the menu item to change the position of the page.

All subpages of a page will change their position together with the page they belong to.

Widget navigation

As a replacement or addition to the navigation menu, pages and subpages can be reached by linking them with icons and buttons. Each page and subpage can be linked as often as you like.

To link a page or subpage, follow these steps:

1. Click on an icon or on a button in the UI editor.

2. Drag and drop the page or subpage you want to link to the selected icon or button.

Navigation via button or icon is the only way to reach subpages.