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.
Para atualizar a barra de navegação na parte superior da área de trabalho do AEM Forms.
Crie uma imagem de plano de fundo para atualizar a cor. Nomeie o arquivo como newBackground.jpg.
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.
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;
}
Adicione o seguinte estilo em newStyle.css em /apps/ws/css
#header {
background : none;
background-color: gray;
}
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.
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.