Defina estilos de campo

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura

    • Os estilos de campo permitem que você declare estilos CSS individuais para um campo em uma lista ou formulário.

    Antes de Iniciar

    Função necessária: Personalize_styles ou administrador

    Por Que e Quando Desempenhar Esta Tarefa

    O CSS permite que você altere os seguintes atributos de um campo.
    • Mude a cor.
    • Altere os atributos da fonte (negrito, itálico, sublinhado).
    • Mude o preenchimento e o alinhamento do texto.

    Você pode definir estilos de campo para tabelas e exibições de banco de dados que estão no mesmo escopo que o estilo de campo e para outras tabelas que tenham pelo menos um campo no mesmo escopo que o estilo de campo. Os estilos de campo definidos para uma tabela não se aplicam às exibições de banco de dados que incluem a tabela. Crie estilos de campo separados para exibições de banco de dados.

    Nota:
    Os estilos de campo não são aplicados a campos de comentários e anotações de trabalho usados com o formatador de atividades. A cor de fundo desses campos pode ser definida usando glide.ui.activity_stream.style.commentse. glide.ui.activity_stream.style.work_notespropriedades do sistema localizadas na tabela sys_properties.

    Procedimento

    1. Navegue até a lista de estilos do campo de uma das seguintes maneiras.
      • Clique com o botão direito do mouse no rótulo do campo no formulário e selecione Configurar estilos .
      • Navegar até IU do Sistema > Estilos de Campoe localize o campo para aplicar um estilo (somente administrador).
    2. Selecione Novo ou selecione o estilo a ser modificado.
    3. Preencha o formulário.
      Campo Descrição
      Tabela Tabela que contém o campo.
      Nota:
      A lista mostra somente tabelas e exibições de banco de dados que atendam às proteções de escopo para estilos de campo.
      Nome do campo O campo ao qual o estilo se aplica.
      Valor O valor exato ou a condição baseada em script necessária para aplicar o estilo.
      Nota:
      O valor afeta os estilos de campo de lista somente quando o campo não é somente leitura. O valor afeta a lista e os formulários se o campo for somente leitura.

      Para aplicar estilos de campo somente a formulários, deixe o campo Valor em branco.
      Estilo O estilo CSS a ser aplicado.

      Por exemplo, para tornar o plano de fundo dos campos Categoria de incidente vermelho nas listas de registros, com tamanho de fonte de 24 px e cor de texto branca, insira o código a seguir.

      background-color:red;
font-size:24px;
color:white;

      Você pode usar uma condição baseada em script com a sintaxe javascript:]]>em Valor campo para determinar se o sistema deve aplicar um estilo a um campo na lista. Se o script avaliado retornar verdadeiro, o sistema aplicará o estilo ao item da lista.

      O script tem acesso ao currentobjeto de script, que permite criar condições com base nos valores de campo do registro atual. Por exemplo, este script verifica se há itens atrasados com base em um valor de campo:
       javascript:gs.dateDiff(gs.now(), current.u_datefield.getDisplayValue(), true) < 0
      Nota:
      Neste exemplo, campo atual.u_datefield refere-se ao nome de um campo de data personalizado.
      O sistema oferece suporte somente a um javascript:]]>entrada em um Valor campo. Se você quiser inserir várias condições JavaScript, consolide as condições em uma instrução. Por exemplo, em vez desta entrada inválida:
      javascript: current.state == "Completed" javascript: current.error_tables > 0
      Consolide as condições em uma declaração, como:
      javascript: current.state == "Completed" && current.error_tables > 0
    4. Opcional: Para adicionar texto alternativo a um estilo, configure o formulário para adicionar o campo de texto alternativo.
      Para estilos como o ícone de estilo VIP, você pode adicionar texto alternativo para que os leitores de tela possam diferenciar entre o estilo e o texto.
    5. Selecione "Enviar" ou "Atualizar".