Configure button emphasis according to function location

  • Release version: Yokohama
  • Updated January 30, 2025
  • 1 minute to read

    • Configure button emphasis in different locations within your mobile app to help users identify the type of functions they can activate.

    Before you begin

    Role required: admin

    Important:
    Use legacy mobile theming on Tokyo and earlier ServiceNow® instances. For Utah and later releases, see Next Experience theming for mobile.

    About this task

    Button emphasis configuration is performed in web-based UI. For more information, see Associate a function with a location in the app. Starting from San Diego additional colors are included in the release, and button emphasis is supported in additional locations. These colors are configured in the web-based UI for the listed screen locations.

    Procedure

    1. Navigate to All.
    2. In the filter navigator, enter sys_sg_button_instance.list, to open the Function instances table.
    3. Select either a new or existing record.
    4. Select a button emphasis for the chosen function location type.
      Function locationAction
      Swipe action
      1. In the Location field, select either Trailing swipe or Leading swipe.
      2. In the Button emphasis field, select either Destructive or Positive.
        Note:
        If you select None the color is dynamically assigned based on the swipe button location. This color can be defined as either primary, secondary, or tertiary.
      3. Configure the other fields in the table as required.
      4. Select Submit.
      Top menu action or Quick action function
      1. In the Location field, select either Top or Quick Action
      2. In the Button emphasis field, select either Destructive or Positive.
        Note:
        If you select None, the color is the primary theme color.
      3. Configure the other fields in the table as required.
      4. Select Submit.
      Footer function or Media section
      1. In the Location field, select Footer.
      2. In the Button emphasis field, select either Primary, Destructive, Secondary, or Positive.
        Note:
        If you select None, the color is the primary theme color.
      3. Configure the other fields in the table as required.
      4. Select Submit.
        Figure 1. Button emphasis options for footer functions

        Button emphasis options for footer functions.