DocumentaçãoAEM 6.4Guia do Forms

Alteração do esquema de cores da interface changing-the-color-scheme-of-the-interface

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • User
CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

Você pode modificar o esquema de cores das partes da interface do usuário do espaço de trabalho do AEM Forms para atender aos seus requisitos. Veja a seguir alguns exemplos de personalizações representativas do esquema de cores. Além das etapas discutidas neste artigo, consulte Etapas genéricas para personalização do espaço de trabalho do AEM Forms.

Barra de navegação superior top-navigation-bar

Usar imagem de fundo using-background-image

Para atualizar a barra de navegação na parte superior do espaço de trabalho do AEM Forms.

  1. Crie uma imagem de plano de fundo para atualizar a cor. Nomeie o arquivo como newBackground.jpg.

  2. Faça upload do arquivo de imagem de fundo na pasta /apps/ws/images usando um cliente WebDAV.

    note note
    NOTE
    Para obter mais informações sobre o acesso WebDAV, consulte https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.

  3. Faça referência à nova imagem de plano de fundo em /apps/ws/css/newStyle.css adicionando o seguinte estilo.

    code language-css 
    #header {
    background:#292929 url(../images/newBackground.jpg) repeat-x;
}

Uso da propriedade de cor no CSS using-color-property-in-css

  1. Adicione o seguinte estilo em newStyle.css em /apps/ws/css

    code language-css 
    #header {
background : none;
background-color: gray;
}

Componente Categoria category-component

O componente Categoria exibe as várias categorias de suas tarefas no painel esquerdo. Para alterar sua cor, defina a cor do plano de fundo em .category elemento do arquivo CSS.

Componente de tarefa task-component

As tarefas são exibidas no painel do meio chamado Componente TaskList. Para alterar sua cor, modifique o estilo associado ao seletor .task na folha de estilos.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da