Definir estilos de campo

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. 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 admin

    Por Que e Quando Desempenhar Esta Tarefa

    O CSS permite que você altere os seguintes atributos de um campo.
    • Mude a cor.
    • Mude 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 têm pelo menos um campo no mesmo escopo que o estilo de campo. Os estilos de campo definidos para uma tabela não se aplicam a 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 as propriedades do sistema glide.ui.activity_stream.style.comments e glide.ui.activity_stream.style.work_notes localizadas na tabela sys_properties.

    Procedimento

    1. Navegue até a lista de estilos do campo de uma das maneiras a seguir.
      • 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 Novoou 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 somente os estilos de campo de lista quando o campo não é somente leitura. O valor afetará a lista e os formulários se o campo for somente leitura.

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

      Por exemplo, para tornar o plano de fundo dos campos de Categoria de incidente vermelho em listas de registros, com um 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: <![CDATA[<script> ]]> no campo Valor 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 de lista.

      O script tem acesso ao objeto de script current, que permite criar condições com base nos valores de campos 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, current.u_datefield se refere ao nome de um campo de data personalizado.
      O sistema só oferece suporte a um javascript: <![CDATA[<script> ]]> entrada em um campo Valor. Se você quiser inserir várias condições JavaScript, consolide as condições em uma declaraçã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".