---
sourceDocument: Australia Mobile Configuration and Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/mobile

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# Customize segment button colors

# Customize segment button colors in the segmented control area {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Customize the color of segment buttons to help users identify a tapped segment
button. For example, use a darker color to indicate that it is a selected
button.

## Before you begin

Role required: admin

## Procedure

1. Access the Card Template form.
   1. In the web-based UI, enter `sys_sg_form_screen.list` in the filter navigator.
   2. Select the record screen that contains the dynamic screen segment you want to configure.
   3. Select the Record Screen Segments tab and select the information icon (![Information icon.]()) next to the embedded screen that contains a dynamic record screen segment.
   4. Select Open Record from the menu.
   5. From the Dynamic segment list stream field, select the information icon (![Information icon.]()) and select Open Record.
   6. Select the List Stream M2M Item Configuration to use for the dynamic section.
   7. In the Card field of the List Item Configuration form, select the information icon (![Information icon.]()) and select Open Record.
   {#dynamic-segmented-control-config__substeps_aj3_xh4_fpb}
2. In the Card Template form, select the menu icon (![Menu icon.]()) and select ConfigureForm Layout.
3. In the Configuring Card Template form, select Root-view attribute JSON and move it to the selected area.  
   The Root-view attribute JSON displays in the Card Template form.
4. Select Save.
5. Define the appearance of a tapped segment in the segmented control by pasting the following JSON code in the Root-view attribute JSON field of the Card Template form.  

       {
       "OnSelect":
          {
            "BackgroundColor" : "Primary",
            "TextColor": "#FFFFFF"
          }
       }

6. **Optional:** If the standard primary, secondary, or destructive values do not fit your color scheme, modify the default values for the background color and text color by providing hexadecimal color values.
7. Right-click in the header and select Save,

*[\>]: and then