Criar um tema de portal

Se precisar de mais personalização do que o Editor de identidade visual pode oferecer, você poderá criar seu próprio tema personalizado.

Somente usuários com conhecimento de CSS devem criar temas personalizados.

1. Navegar até Portal de serviços > Temase selecione Novo.
2. Preencha os campos de formulário e, no menu de contexto do formulário, selecione Salvar.

   Tabela 1. Campos de formulário de tema

   Campo	Descrição
   Nome	Nome do seu tema. Use este nome para associar o tema ao seu portal. Este nome não está visível para os usuários. Você deve saber sobre ele para aplicar o tema correto a um portal.
   Desativar a compilação SCSS	Desativa a compilação do SCSS e envia o arquivo CSS simples diretamente para o cliente.
   Aplicação	O escopo do registro. O registro do menu de cabeçalho e a tabela de origem devem ter o mesmo escopo da aplicação.
   Cabeçalho	Lista de cabeçalhos e rodapés da tabela sp_header_footer que você pode associar a um tema do portal. Cabeçalhos e rodapés são widgets e podem ser configurados da mesma forma.
   Rodapé	Lista de cabeçalhos e rodapés da tabela sp_header_footer que você pode associar a um tema do portal.
   Cabeçalho fixo	Bloqueia o cabeçalho na parte superior da página para que, quando um usuário rolar, o cabeçalho permaneça na tela.
   Rodapé fixo	Bloqueia o rodapé na parte inferior da página para que, quando um usuário rolar, o rodapé permaneça na tela.
   Variáveis CSS	Propriedades personalizadas de CSS que você pode usar para mudar a cor e os estilos em um portal. Por exemplo, o tema de estoque usa algumas das seguintes variáveis: $sp-logo-margin-x: 15px !default; $sp-tagline-color: $text-color !default; $navbar-inverse-bg: #3a3f51 !default; Nota: Use o campo Variáveis de CSS para definir somente variáveis de CSS. Use Inclusões de CSS para definir regras de CSS. A partir da versão Madrid, o Sass e o LESS podem ser usados em Inclusões de CSS.

3. Para adicionar uma folha de estilos ao tema, na lista relacionada Inclusão de CSS, selecione Novo.
4. Preencha os campos do formulário da folha de estilos e selecione Enviar.

   Tabela 2. Campos de formulário da folha de estilos

   Campo	Descrição
   Nome	Nome da inclusão de CSS. Lembre-se deste nome para associar a inclusão de CSS ao tema.
   Aplicação	O escopo do registro. O registro do menu de cabeçalho e a tabela de origem devem ter o mesmo escopo da aplicação.
   Origem	Selecione uma das seguintes opções. Folha de estilos: adicione uma folha de estilos interna que foi carregada na tabela CSS [sp_css]. Por exemplo, ng-sortable.min.css. As folhas de estilos internas usam CSS padrão no campo CSS. URL: link para uma folha de estilos externa. Use folhas de estilos externas para usar o mesmo CSS de um site corporativo ou outro recurso on-line.
   Folha de estilos	Uma folha de estilos interna a ser associada ao tema.
   URL do arquivo CSS	Um URL para uma folha de estilos externa a ser associada ao tema.
   Carregamento lento	Opção para carregar a inclusão de CSS de forma assíncrona para melhorar o tempo de carregamento da página. Esta opção deve ser definida com o mesmo valor para todas as Inclusões de CSS de um tema. Não é recomendado habilitar o carregamento assíncrono somente para algumas Inclusões de CSS associadas a um tema. Nota: Habilitar carregamento lento não é recomendado para portais com flash de conteúdo sem estilo. As Inclusões de CSS com Carregamento lento habilitado são listadas na lista relacionada de Inclusões de CSS de carregamento lento no registro do tema.
   URL do arquivo CSS do RTL	Um URL para uma folha de estilos externa para espelhar a direção de um portal quando o idioma da sessão for um idioma da direita para a esquerda, como o hebreu. Para obter informações sobre o suporte a idiomas da direita para a esquerda, consulte Estilização de idiomas da direita para a esquerda em portais.

5. Para adicionar uma inclusão JavaScript ao tema, na lista relacionada Inclusão JS, selecione Novo.
6. Preencha os campos de formulário de Inclusão de JS e selecione Enviar.

   Tabela 3. Campos de formulário de inclusão de JS

   Campo	Descrição
   Nome de exibição	Nome da inclusão de JS. Lembre-se deste nome para associar a inclusão de JS ao tema.
   Aplicação	O escopo do registro. O registro do menu de cabeçalho e a tabela de origem devem ter o mesmo escopo da aplicação.
   Origem	Selecione uma das seguintes opções. Script de IU: adicione um script de IU interno que foi carregado na tabela de scripts de IU [sys_ui_script]. Os scripts de IU permitem criar JavaScript do lado do cliente e reutilizá-lo em vários locais. Para obter mais informações sobre scripts de IU, consulte Scriptsde IU . URL: link para um arquivo JavaScript externo. Use URLs externas para usar o mesmo JavaScript de um site corporativo ou outro recurso on-line.
   Script de IU ou URL do arquivo JS	Associe um script de IU interno ou URL de arquivo JavaScript, dependendo da opção selecionada no campo Origem.
   Atualizado em	Data e hora em que a inclusão de JS foi atualizada pela última vez
   Pacote	O pacote do Portal de serviços ao qual a inclusão de JS está associada. Por exemplo, Páginas de configuração do Portal de serviços. Este campo é preenchido por padrão.