Launcher screen UI sections

  • Release version: Yokohama
  • Updated January 30, 2025
  • 3 minutes to read
  • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Launcher screen UI sections

    Launcher screen UI sections enable you to organize and display various types of content on your launcher screens within ServiceNow. These sections act as containers for screens, analytics previews, record information, media, and navigation icons, enhancing user interaction and data visualization on mobile and other launcher interfaces.

    Show full answer Show less

    Types of UI sections and their practical uses

    • Analytics sections: Include Chart and Single Score sub-types that preview Performance Analytics reports and widgets as cards. Users can tap these cards to open detailed analytics screens, helping visualize key metrics effectively.
    • Content sections: Present a carousel of mixed media such as videos, images, and text cards at the top of the screen. These interactive promotional displays can redirect users to videos, web pages, or specific mobile areas, ideal for mobile campaigns.
    • Record sections: Display records as configurable cards from selected lists, useful for highlighting high priority, overdue, or unassigned tasks and employee records. These can be laid out horizontally (scrollable cards with a "See All" option) or vertically (showing more detailed records immediately).
    • Media sections: Show a single image or video, often used for static company logos or promotional visuals. Tapping can navigate users to another screen or URL, with customizable headers, text, and navigation buttons.
    • Icon sections: Provide navigational icons for screens, launcher screens, or functions with selectable horizontal or vertical layouts. Horizontal layouts display many icons without counts, suitable for grouping related screens, while vertical layouts support feed counts for actionable items like approvals or requests.

    Why this matters for ServiceNow customers

    By utilizing these UI sections, ServiceNow customers can create tailored launcher screens that improve user engagement, streamline access to critical information, and support mobile campaign goals. The configurable layouts and content types allow for focused attention on key records and data visualization, enhancing productivity and decision-making.

    Next steps

    • Configure analytics UI sections to visualize relevant data reports.
    • Set up content UI sections for interactive promotional displays.
    • Create record sections with appropriate layouts to highlight important tasks or employee information.
    • Implement media sections to reinforce branding or provide quick navigation.
    • Design icon sections to organize navigation efficiently, choosing layouts based on the nature of the items displayed.

    UI sections contain the screens, analytics previews, and record information on your launcher screens.

    UI sections

    Use UI sections to display screens and record information on your launcher screens. UI sections serve as containers for different types of data displayed within your launcher screens.

    Types of UI sections include:

    Analytics section

    An analytics section helps you to visualize your data. Use the two sub-types, Chart and Single Score UI sections to display a preview of a single score report, time series report, or Performance Analytics widget.

    Chart and Single Score previews are displayed as cards. When a user taps a chart, they open the analytics screen which displays more information on the report or widget.

    For information on configuring analytics sections see Configure an analytics UI section.

    Content UI Section displaying video, text, and image cards in a carousel format Use a Content section to display a combination of video, image, and text cards in a carousel format, at the top of your screen. Users can interact with the promotional displays by either viewing videos, being redirected to web pages, or navigating to defined areas on their mobile device.

    For more information on mobile campaign configuration, see Configure a content UI section.

    Record section

    Use a Record section to display record information on a card. Records from the selected list screen are displayed as cards. The fields on the cards can be configured. Users tap on an item to see additional record information in a separate record screen. Users can also tap an item to take actions.

    Use the record section for records which require the user’s attention, such as high priority or overdue items, and unassigned tasks. Record sections can also be used to display employee records. Choose from a Horizontal or Vertical layout when creating your record section.

    Horizontal layout

    Use horizontal record sections to display a set number of items you want the user to see. Users can scroll through cards horizontally, and can select See All to view the complete list in another screen.

    Vertical layout

    Use vertical sections when you have more room and want to display a set number of records within the screen. Vertical record sections are good for records like critical tasks where you want the user to see details as soon as they land on the page

    For details on creating record sections, see Configure record sections.

    Media UI section

    Use Media sections to display a single image or video on your launcher screen. Users can tap a media section to navigate to another screen or to navigate to a static URL.

    Media sections can display a single line header, and up to two lines of additional text. You can define a navigation function and the text to appear on the navigation button.

    Media sections are also a way to add a static company logo to the top of your launcher screen.

    For information on configuring media sections see Configure a media UI section.

    Navigation section pointing to a screen and launcher screens Use Icon sections to display screens, launcher screens, and functions using the icon defined for each. Users can tap on an icon to list, maps, reports, calendars, or any other screen or launcher screen type. You can select a Horizontal or Vertical layout for your icons.
    Horizontal layout

    Use this section type to display many screens or launcher screens in one horizontal view. Limit the name character count to 20 or fewer characters so it does not get cut off. Use this section type to group related screen or launcher screens that do not require counts.

    Vertical layout

    When displayed vertically, you can use the Display feed count option to display a count of records within each screen. Use this type for actionable items such as approvals or requests. For details on creating navigation sections, see

    Configure an icon UI section.