DocumentaciónAEM 6.5Guía del usuario

Cambiar el esquema de colores de la interfaz changing-the-color-scheme-of-the-interface

Last update: Wed Feb 21 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Puede modificar el esquema de colores de las partes de la interfaz de usuario de AEM Forms Workspace para adaptarlas a sus necesidades. A continuación se muestran algunos ejemplos de personalizaciones representativas de combinaciones de colores. Además de los pasos mencionados en este artículo, consulte Pasos genéricos para personalizar AEM Forms Workspace.

Barra de navegación superior top-navigation-bar

Usar la imagen de fondo using-background-image

Actualizar la barra de navegación de la parte superior de AEM Forms Workspace.

  1. Cree una imagen de fondo para actualizar el color. Asigne un nombre al archivo como newBackground.jpg.

  2. Cargue el archivo de imagen de fondo en la carpeta /apps/ws/images mediante un cliente WebDAV.

    note note
    NOTE
    Para obtener más información, consulte Acceso a WebDAV.

  3. Agregue el siguiente estilo para hacer referencia a la nueva imagen de fondo en /apps/ws/css/newStyle.css

    code language-css 
    #header {
    background:#292929 url(../images/newBackground.jpg) repeat-x;
}

Usar la propiedad de color en CSS using-color-property-in-css

  1. Agregue el siguiente estilo en newStyle.css en /apps/ws/css

    code language-css 
    #header {
background : none;
background-color: gray;
}

Componente Categoría category-component

El componente Categoría muestra las distintas categorías de las tareas en el panel izquierdo. Para cambiar su color, defina el color de fondo en el elemento .category del archivo CSS.

Componente Tarea task-component

Las tareas se muestran en el panel central llamado Componente TaskList. Para cambiar su color, modifique el estilo asociado con el selector .task en la hoja de estilo.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2