Definir estilos de portal

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura
  • As páginas são compostas de contêineres, colunas, linhas, widgets e instâncias de widget. Você pode configurar o CSS de cada componente ou usar o CSS definido no tema e identidade visual como definições globais para o portal. Se você não definir CSS no tema ou identidade visual, os padrões de inicialização serão usados.

    Você pode definir CSS em seu portal em vários níveis.

    Padrões de inicialização

    Se nenhum outro CSS for definido, todos os elementos usarão os padrões do Bootstrap versão 3.3.6. Você pode usar Classes auxiliares CSS de inicialização com qualquer Portal de serviços Campo que aceita CSS como um valor. Para mostrar ou ocultar Portal de serviços Contêineres, use classes auxiliares de Utilitários responsivos do Bootstrap CSS, como visível-lg ou md oculto .

    Cores do tema do editor de identidade visual/CSS do Portal

    CSS definido na guia Cores do tema do Editor de identidade visual. As mudanças feitas nas cores do tema no Editor de identidade visual aparecem no campo Variáveis CSS na tabela do portal [sp_portal]. Personalizar as cores do tema substitui os padrões do Bootstrap.

    IU do editor de identidade visual, mostrando a guia Configuração rápida e a Visualização do tema.

    CSS do tema

    CSS definido no campo Variáveis CSS na tabela Temas [sp_theme]. Use o CSS de Tema o máximo possível para permitir uma evolução mais flexível do seu portal no futuro.

    O uso de um tema substitui as cores do tema CSS do Portal/Editor de identidade visual.

    CSS da página

    CSS definido no campo CSS específico da página na tabela Páginas [sp_page].

    CSS específico da página substitui o CSS do tema.

    Classes CSS

    Você pode definir elementos de classes CSS na página em cada respectivo registro.

    CSS do Widget

    CSS definido no campo CSS na tabela Widgets [sp_widget].

    O CSS do widget substitui o CSS do contêiner, coluna e linha.

    CSS da instância do widget

    CSS definido no campo CSS na tabela Instância [sp_instance].

    O CSS da instância do widget substitui todas as outras definições de CSS.

    Nota:
    Em alguns casos, os estilos padrão de acessibilidade podem substituir o CSS definido para um portal.
    Figura 1. Aplicação de hierarquia de estilo no Portal de serviços
    Diagrama que mostra substituições de CSS do Portal de serviços