Definição de estilos de portal

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 1 min. de leitura
  • As páginas são compostas por 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 na identidade visual como definições globais para o portal. Se você não definir CSS no tema ou na identidade visual, os padrões de inicialização serão usados.

    Você pode definir CSS no 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 de CSS de inicialização com qualquer campo Portal de serviços que aceite CSS como um valor. Para mostrar ou ocultar Portal de serviços contêineres, use as Classes auxiliares de utilitários responsivos de CSS de inicialização, como visível-lg ou oculto-md.

    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 de variáveis CSS na tabela do portal [sp_portal]. A personalização das cores do tema substitui os padrões de inicialização.

    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 de CSS na tabela Temas [sp_theme]. Use o CSS do 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 do Editor de identidade visual/CSS do portal.

    CSS da página

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

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

    Classes de CSS

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

    CSS do widget

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

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

    CSS da instância de widget

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

    O CSS da instância de 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. Hierarquia da aplicação de estilo no Portal de serviços
    Diagrama mostrando as substituições de CSS do Portal de serviços