Navigation bar

  • Release version: Washingtondc
  • Updated February 1, 2024
  • 1 minute to read

    • Users can access launcher screens, screens, settings, and notifications with the navigation bar in the mobile app.

    Figure 1. Navigation bar component hierarchy
    Navigation bar component hierarchy.
    The navigation bar consists of these components:
    • Navigation bar
    • Navigation bar tabs
      • Screen tab
      • Launcher tab
    • Saved tab
    • Notification tab
    • Settings tab
    Navigation bar tabs with More tab

    The navigation bar appears at the bottom of each mobile app. You can create navigation bar tabs in the navigation bar. Users can access launcher screens and regular screens with the navigation bar.

    Note:
    The navigation bar in each mobile app is pre-configured with Notifications and Settings navigation bar tabs.
    List displayed after a user taps the More tab

    When you add more than five tabs to the navigation bar, a More (More icon) tab appears. Tapping the More tab opens a list view showing more tabs.

    Screen tabs and launcher screen tabs

    Figure 2. Screen navigation tab
    Screen navigation tab

    Use a screen tab to enable a single screen. Single screens can be a map, calendar, or list of contacts.

    For details on creating screen navigation tabs, see Configure a screen tab.
    Figure 3. Launcher screen navigation tab
    Launcher screen navigation tab

    Use a launcher screen tab to enable a user to access elements in a screen launcher.

    Launcher screens are dashboards. They provide shortcuts to other screens and information. Shortcuts can be added with icons,cards, media sections, or score counts.

    For details on creating screen launcher navigation tabs, see Configuring a screen launcher tab.