---
sourceDocument: Yokohama Mobile Configuração e navegação
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Mobile Configuração e navegação

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# Personalize as cores do botão de segmento na área de controle segmentada

# Personalize as cores do botão de segmento na área de controle segmentada {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Personalize a cor dos botões de segmento para ajudar os usuários a identificar um botão de segmento tocado. Por exemplo, use uma cor mais escura para indicar que é um botão selecionado.

## Antes de Iniciar

Função necessária: administrador

## Procedimento

1. Acesse o formulário Modelo de cartão.
   1. Na IU baseada na web, insira `sys_sg_form_screen.list `no navegador de filtros.
   2. Selecione a tela de registro que contém o segmento de tela dinâmica que você deseja configurar.
   3. Selecione Registrar segmentos da tela e selecione o ícone de informações ( ![Ícone de informações.]()) ao lado da tela integrada que contém um segmento de tela de registro dinâmico.
   4. Selecione Abrir registro no menu.
   5. Em Fluxo da lista de segmentos dinâmicos , selecione o ícone de informações ( ![Ícone de informações.]()) e selecione Abrir registro .
   6. Selecione a Configuração do item m2m do fluxo de lista a ser usada para a seção dinâmica.
   7. Em Cartão Do formulário Configuração de item de lista, selecione o ícone de informações ( ![Ícone de informações.]()) e selecione Abrir registro .
   {#dynamic-segmented-control-config__substeps_aj3_xh4_fpb}
2. No formulário Modelo de cartão, selecione o ícone de menu ( ![Ícone de menu.]()) e selecione ConfigurarLayout do Formulário.
3. No formulário Configuração do modelo de cartão, selecione JSON do atributo de exibição raiz e mova-o para a área selecionada.  
   . JSON do atributo de exibição raiz Exibido no formulário Modelo de cartão.
4. Selecione Salvar.
5. Defina a aparência de um segmento tocado no controle segmentado colando o seguinte código JSON no JSON do atributo de exibição raiz Campo do formulário Modelo de cartão.  

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

6. **Opcional:** Se os valores primários, secundários ou destrutivos padrão não corresponderem ao seu esquema de cores, modifique os valores padrão da cor de fundo e da cor do texto fornecendo valores de cor hexadecimais.
7. Clique com o botão direito do mouse no cabeçalho e selecione Salvar ,