O Gerenciamento de correspondência permite que você reclassifique seu modelo de solução para obter um melhor valor da marca e para seguir os padrões de marca de sua organização. A nova marca da interface do usuário inclui a alteração do logotipo da organização, que é exibido no canto superior esquerdo da interface Criar correspondência.
Você pode alterar o logotipo na interface do usuário Criar correspondência com o logotipo de sua organização.
interface de usuário de correspondênciaFigura: O ícone personalizado na interface de usuário Criar correspondência
Para configurar uma imagem de logotipo de sua escolha, faça o seguinte:
Crie a estrutura de pastas apropriada no CRX.
Carregue o novo arquivo de logotipo na pasta que você criou no CRX.
Configure o CSSon CRX para se referir ao novo logotipo.
Limpe o histórico do navegador e atualize a interface de usuário Criar correspondência.
Crie a estrutura de pastas, conforme explicado abaixo, para hospedar a imagem de logotipo personalizada e a folha de estilos. A nova estrutura de pastas com a pasta raiz /aplicativos é semelhante à estrutura da pasta /libs.
Para qualquer personalização, crie uma estrutura de pastas paralela, conforme explicado abaixo, na ramificação /apps.
A ramificação /apps (estrutura de pastas):
Use as seguintes etapas para criar a estrutura de pastas necessária na ramificação /apps:
Vá para https://[server]:[port]/[ContextPath]/crx/de
e faça logon como Administrador.
Na pasta apps, crie uma pasta chamada css
com caminho/estrutura semelhante à pasta css (localizada na pasta ccrui).
Etapas para criar a pasta css:
Clique com o botão direito do mouse na pasta css no seguinte caminho e selecione Nó de sobreposição: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Certifique-se de que a caixa de diálogo Sobrepor nó tenha os seguintes valores:
Caminho: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Localização da sobreposição: /apps/
Tipos De Nó De Correspondência: Marcado
Não faça alterações na ramificação /libs. Quaisquer alterações feitas podem ser perdidas, pois essa ramificação está sujeita a alterações sempre que você:
Clique em OK. A pasta css é criada no caminho especificado.
Na pasta apps, crie uma pasta chamada imgs
com caminho/estrutura semelhante à pasta imgs (localizada na pasta ccrui).
Clique com o botão direito do mouse na pasta imgs no seguinte caminho e selecione Nó de sobreposição: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Certifique-se de que a caixa de diálogo Sobrepor nó tenha os seguintes valores:
Caminho: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Localização da sobreposição: /apps/
Tipos De Nó De Correspondência: Marcado
Clique em OK.
Você também pode criar a estrutura de pastas na pasta /apps manualmente.
Clique em Salvar tudo para salvar as alterações no servidor.
Carregue seu arquivo de logotipo personalizado no CRX. As regras HTML padrão controlam a renderização do logotipo. Os formatos de arquivo de imagem suportados estão de acordo com o navegador que você está usando para acessar o AEM Forms. Todos os navegadores suportam JPEG, GIF e PNG. Para obter mais informações, consulte a documentação específica do navegador sobre os formatos de imagem suportados.
Use as seguintes etapas para fazer upload do arquivo de logotipo personalizado para o CRX:
Ir para https://[server]:[port]/[contextpath]/crx/de
. Se necessário, faça logon como Administrador.
No CRXDE, clique com o botão direito do mouse na pasta imgs no seguinte caminho e selecione Criar > Criar arquivo:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs/
Na caixa de diálogo Criar arquivo, digite o nome do arquivo como CustomLogo.png (ou o nome do arquivo de logotipo).
Clique em Salvar tudo.
No novo arquivo que você criou (aqui CustomLogo.png), a propriedade jcr:content é exibida.
Clique em jcr:content na estrutura de pastas.
jcr:propriedades do conteúdo são exibidas.
Clique com o duplo na propriedade jcr:data.
A caixa de diálogo Editar jcr:data é exibida.
Agora, clique na pasta newlogo.png, clique no duplo em jcr:content (opção dim) e defina o tipo nt:resource. Se não estiver presente, crie uma propriedade com o nome jcr:content.
Na caixa de diálogo Editar jcr:data, clique em Procurar e selecione o arquivo de imagem que deseja usar como logotipo (aqui CustomLogo.png).
Os formatos de arquivo de imagem suportados estão de acordo com o navegador que você está usando para acessar o AEM Forms. Todos os navegadores suportam JPEG, GIF e PNG. Para obter mais informações, consulte a documentação específica do navegador sobre os formatos de imagem suportados.
Figura: Exemplo - CustomLogo.png a ser usado como o logotipo personalizado
Clique em Salvar tudo.
A imagem do logotipo personalizado requer que uma folha de estilos adicional seja carregada no contexto do conteúdo.
Use as seguintes etapas para configurar a folha de estilos para renderizar o logotipo:
Ir para https://[server]:[port]/[contextpath]/crx/de
. Se necessário, faça logon como Administrador.
Crie um arquivo chamado customcss.css (não é possível usar um nome de arquivo diferente) no seguinte local:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
Etapas para criar o arquivo customcss.css:
Clique com o botão direito do mouse na pasta css e selecione Criar > Criar arquivo.
Na caixa de diálogo Novo arquivo, especifique o nome do CSS como customcss.css
(não é possível usar um nome de arquivo diferente) e clique em OK.
Adicione o seguinte código ao arquivo css recém-criado. Em content:url no código, especifique o nome da imagem que você carregou para a pasta de imagens no CRXDE.
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
Clique em Salvar tudo.
Limpe o cache do navegador e abra a instância Criar interface de usuário de correspondência em seu navegador. Você deve ver seu logotipo personalizado.
logotipo personalizadoFigura: O ícone personalizado na interface Criar correspondência