Show Menu
TÓPICOS×

Alteração do esquema de cores da interface

Você pode modificar o esquema de cores das partes da interface do usuário da área de trabalho do AEM Forms para atender às suas necessidades. 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 da área de trabalho do AEM Forms.

Top navigation bar

Uso da imagem de plano de fundo

Para atualizar a barra de navegação na parte superior da área de trabalho do AEM Forms.
  1. Crie uma imagem de plano de fundo para atualizar a cor. Nomeie o arquivo como newBackground.jpg.
  2. Carregue o arquivo de imagem de plano de fundo na pasta /apps/ws/images usando um cliente WebDAV.
    Para obter mais informações sobre o acesso ao 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 color no CSS

  1. Adicione o seguinte estilo em newStyle.css em /apps/ws/css
    #header {
    background : none;
    background-color: gray;
    }
    
    

componente Categoria

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

componente Tarefa

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