All Collections
Mobile App
How to update your app navigation
How to update your app navigation

Adding app navigation into your app layouts

Iswarya Sekar avatar
Written by Iswarya Sekar
Updated over a week ago

App navigation is driven from app layouts.

Learn what layouts you need to edit by clicking into the domain that is formatted as {company-name}

In this case the layouts are "Simple with Logo (Mobile)" and "Portal Layout (Mobile)".

Let's start with the navigation for an unauthenticated user, which only appears on the login screen.

Go into the layout and scroll to the layout navigation field.

Here we only need one option for Home which navigates to /account.

{ "header": "Home", "path": "account" }

Save that and notice that your app shows your navigation on the login screen.

Now let's make the navigation for the logged in user. Go to the next layout.

{ "header": "Home", "path": "account" },
{ "header": "Account", "path": "" },
{ "title": "Billing", "path": "billing" },
{ "title": "My Events", "path": "account/events" },
{ "header": "Logout", "path": "logout" }

Notice that "title" records will go under a header, this would display.



> Billing

> My Events


Save this layout and look at the app while logged in, you should see your new navigation.

Did this answer your question?