Configure the navigation bar
Configure the navigation bar that appears at the bottom of the mobile app. Your users use the navigation bar to quickly navigate to screens, screen launchers, settings, and notifications.
Before you begin
About this task
Note:
Beginning with the Rome release, some terminology
has changed for certain ServiceNow® mobile products. This topic content
references Mobile Studio, which retains the terminology used in previous releases. For
more information, see ServiceNow mobile terminology
changes
Procedure
-
Navigate to All > System Mobile > Mobile App Builder.
The Mobile App Builder opens in a new browser tab and displays the application scope selection screen.
-
Search for the application scope you are working in and then select the name of
the application scope.
The Mobile App Builder categories home screen displays.
-
Select the Navigation bar record in the left menu and
modify the fields as needed:
Table 1. Navigation form Field Description Name Name of the app that uses this navigation bar. For example,Mobile Agent is the navigation bar name for the Mobile Agent app. Color The hexadecimal value for the color of the navigation bar. If this field is left blank, the default colors of the mobile theme are used. Quick Actions Menu Color The hexadecimal value for the color of the quick actions icon that appears on the screen. If this field is left blank, the default colors of the mobile theme are used.
What to do next
After configuring the navigation bar, you can add specific tabs to it:
- On the same navigation bar record, you might need to select Edit in original scope to switch to the original scope.
- In the appropriate scope, select Navigation tabs, and then select Choose.
- Select the desired navigation bar tab record or add, and then select
Apply.
The new navigation bar tab record is added.
- Select Order to adjust the order the navigation bar
tab should appear within the navigation bar.Note:The navigation bar is ordered from least to greatest or from left to right. This means that any tab having the value of zero always appears on the left side of the navigation bar.
To add a new tab to your navigation bar, see Configure a launcher screen tab or Configure a screen tab.