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

Adding app navigation into your app layouts

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}-app.clients.peoplevine.com

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.

Home

Account

> Billing

> My Events

Logout

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

Did this answer your question?