Customize segment button colors in the segmented control area

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.

Role required: admin

Access the Card Template form. In the web-based UI, enter sys_sg_form_screen.list in the filter navigator. Select the record screen that contains the dynamic screen segment you want to configure. Select the Record Screen Segments tab and select the information icon ( ) next to the embedded screen that contains a dynamic record screen segment. Select Open Record from the menu. From the Dynamic segment list stream field, select the information icon ( ) and select Open Record . Select the List Stream M2M Item Configuration to use for the dynamic section. In the Card field of the List Item Configuration form, select the information icon ( ) and select Open Record .

In the Card Template form, select the menu icon ( ) and select Configure > Form Layout . 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. Select Save . 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" } } 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. Right-click in the header and select Save ,