La gestión de correspondencia le permite modificar la marca de su plantilla de solución para obtener un mejor valor de marca y adherirse a los estándares de marca de su organización. Para cambiar la marca de la interfaz de usuario, debe cambiarse el logotipo de la organización, que se muestra en la esquina superior izquierda de la IU Crear correspondencia .
Puede cambiar el logotipo en la IU Crear correspondencia con el logotipo de su organización.
El icono personalizado en la interfaz de usuario Crear correspondencia
Para configurar una imagen de logotipo de su elección, haga lo siguiente:
Cree la estructura de carpetas adecuada en CRX.
Cargue el nuevo archivo de logotipo en la carpeta que ha creado en CRX.
Configure el CSSon CRX para hacer referencia al nuevo logotipo.
Borre el historial del explorador y actualice la IU Crear correspondencia.
Cree la estructura de carpetas, como se explica a continuación, para alojar la imagen del logotipo personalizado y la hoja de estilo. La nueva estructura de carpetas con la carpeta raíz /apps es similar a la estructura de la carpeta /libs.
Para cualquier personalización, cree una estructura de carpetas paralela, como se explica más abajo, en la rama /apps .
La rama /apps (estructura de carpetas):
Siga estos pasos para crear la estructura de carpetas necesaria en la rama /apps :
Vaya a https://'[server]:[port]'/[ContextPath]/crx/de
e inicie sesión como administrador.
En la carpeta de aplicaciones, cree una carpeta denominada css
con una ruta o estructura similar a la carpeta css (ubicada en la carpeta ccrui).
Pasos para crear la carpeta css:
Haga clic con el botón derecho en la carpeta css en la siguiente ruta y seleccione nodo de superposición: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Asegúrese de que el cuadro de diálogo Nodo de superposición tiene los siguientes valores:
Ruta: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Ubicación de superposición: /apps/
Coincidir tipos de nodo: activado
No realice cambios en la rama /libs. Cualquier cambio que realice puede perderse, ya que esta rama puede cambiar siempre que:
* Actualice en su instancia
* Aplicar una corrección
* Instalación de un paquete de características
Haga clic en Aceptar. La carpeta css se crea en la ruta de acceso especificada.
En la carpeta de aplicaciones, cree una carpeta denominada imgs
con una ruta o estructura similar a la carpeta imgs (ubicada en la carpeta ccrui).
Haga clic con el botón derecho en la carpeta imgs en la siguiente ruta y seleccione Overlay Node: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Asegúrese de que el cuadro de diálogo Nodo de superposición tiene los siguientes valores:
Ruta: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Ubicación de superposición: /apps/
Coincidir tipos de nodo: activado
Haga clic en Aceptar.
También puede crear manualmente la estructura de carpetas en la carpeta /apps .
Haga clic en Guardar todo para guardar los cambios en el servidor.
Cargue su archivo de logotipo personalizado en CRX. Las reglas HTML estándar rigen la renderización del logotipo. Los formatos de archivo de imagen admitidos dependen del explorador que utilice para acceder a AEM Forms. Todos los navegadores admiten JPEG, GIF y PNG. Para obtener más información, consulte la documentación específica del explorador sobre los formatos de imagen admitidos.
Siga estos pasos para cargar el archivo de logotipo personalizado en CRX:
Ir a https://'[server]:[port]'/[contextpath]/crx/de
. Si es necesario, inicie sesión como Administrador.
En CRXDE, haga clic con el botón derecho en la carpeta imgs en la siguiente ruta y seleccione Crear > Crear archivo:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs/
En el cuadro de diálogo Crear archivo, introduzca el nombre del archivo como CustomLogo.png (o el nombre del archivo de logotipo).
Haga clic en Guardar todo.
En el nuevo archivo que ha creado (aquí CustomLogo.png), aparece la propiedad jcr:content .
Haga clic en jcr:content en la estructura de carpetas.
aparecen las propiedades de jcr:content.
Haga doble clic en la propiedad jcr:data .
Aparecerá el cuadro de diálogo Editar jcr:datos .
Ahora haga clic en la carpeta newlogo.png , haga doble clic en jcr:content (opción dim) y establezca el tipo nt:resource. Si no está presente, cree una propiedad con el nombre jcr:content.
En el cuadro de diálogo Editar jcr:datos, haga clic en Examinar y seleccione el archivo de imagen que desea utilizar como logotipo (aquí CustomLogo.png).
Los formatos de archivo de imagen admitidos dependen del explorador que utilice para acceder a AEM Forms. Todos los navegadores admiten JPEG, GIF y PNG. Para obtener más información, consulte la documentación específica del explorador sobre los formatos de imagen admitidos.
Ejemplo: CustomLogo.png para usar como logotipo personalizado
Haga clic en Guardar todo.
La imagen de logotipo personalizada requiere que se cargue una hoja de estilo adicional en el contexto de contenido.
Siga estos pasos para configurar la hoja de estilo y procesar el logotipo:
Ir a https://'[server]:[port]'/[contextpath]/crx/de
. Si es necesario, inicie sesión como Administrador.
Cree un archivo llamado customcss.css (no puede usar un nombre de archivo diferente) en la siguiente ubicación:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
Pasos para crear el archivo customcss.css:
Haga clic con el botón derecho en la carpeta css y seleccione Crear > Crear archivo.
En el cuadro de diálogo Nuevo archivo, especifique el nombre del CSS como customcss.css
(no puede utilizar un nombre de archivo diferente) y haga clic en Aceptar.
Agregue el siguiente código al archivo css recién creado. En content:url en el código, especifique el nombre de la imagen que ha cargado en la carpeta imgs en CRXDE.
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
Haga clic en Guardar todo.
Borre la caché del explorador y, a continuación, abra la instancia Crear interfaz de usuario de correspondencia en el explorador. Debería ver su logotipo personalizado.
El icono personalizado en la interfaz de usuario Crear correspondencia