Crie classes e regras de estilo personalizadas

Use regras de classes de estilo em Construtor de IUPara aplicar estilo visual personalizado a elementos de IU referenciando classes CSS.

Antes de Iniciar

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

Controle a aparência de campos, contêineres, botões e outros componentes de interface sem escrever estilos em linha, tornando a IU mais limpa, consistente e fácil de manter. Todas as classes e regras de estilo podem ser aplicadas a qualquer contêiner ou componente na página. Para obter mais informações sobre estilos CSS, consulte Site do desenvolvedor da ServiceNow e o. Site da Comunidade ServiceNow .

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
   Consulte Configure como os usuários interagem com suas aplicações no Construtor de IUpara obter mais informações sobre como criar experiências.
3. Crie ou abra uma página.
4. Adicione um componente à sua página.
5. Selecione Estilos no painel de configuração.
6. Selecione ... ícone ao lado de Classe de estilo campo.
   . Regras e classes de página uma janela pop-up será exibida.
7. Opcional: Selecione - Adicionar classe .
   1. Insira um nome no Nome da classe de estilo campo.
   2. Forneça o estilo CSS que você deseja aplicar ao componente.
   3. Selecione Aplicar.
8. Opcional: Selecione - Adicionar regra .
   1. Insira um nome no Nome da regra de estilo campo.
   2. Forneça a regra CSS que você deseja aplicar ao componente.
   3. Selecione Aplicar.
9. Feche o. Regras e classes de página pop-up.
10. Selecione Classe de estilo campo.
11. Selecione uma classe de estilo ou regra de estilo na lista.
12. Selecione Save (Salvar).
13. Selecione Visualização para testar a classe de estilo aplicada ou a regra de estilo.