Configure the navigation bar

  • Release version: Washingtondc
  • Updated February 1, 2024
  • 1 minute to read
  • 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

    Role required: admin

    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

    1. 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.
    2. 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.
    3. 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:
    1. On the same navigation bar record, you might need to select Edit in original scope to switch to the original scope.
    2. In the appropriate scope, select Navigation tabs, and then select Choose.
    3. Select the desired navigation bar tab record or add, and then select Apply.

      The new navigation bar tab record is added.

    4. 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.