Alteração do esquema de cores da interface

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

Usar imagem de fundo

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.

    OBSERVAÇÃO

    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.

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

Uso da propriedade de cor no CSS

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

    #header {
    background : none;
    background-color: gray;
    }
    

Componente Categoria

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

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.

Nesta página