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 AEM Forms.

Barra de navegação superior

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.

   OBSERVAÇÃO

   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 em CSS

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

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

componente de 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 elemento .category 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 .tarefa na folha de estilos.