DocumentaçãoAEM 6.5Guia do usuário

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

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Você pode modificar o esquema de cores das partes da interface do usuário do AEM Forms Workspace 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

Uso da imagem de plano de fundo using-background-image

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

  1. Criar 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, consulte Acesso ao WebDAV.

  3. Referencie a nova imagem de fundo em /apps/ws/css/newStyle.css adicionando o estilo a seguir.

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

Utilização 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 da categoria category-component

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

Componente da tarefa task-component

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2