Cambiar el esquema de colores de la interfaz

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

Usar la imagen de fondo

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.

    NOTA

    Para obtener más información sobre el acceso a WebDAV, consulte https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.

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

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

Usar la propiedad de color en CSS

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

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

Componente Categoría

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

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.

En esta página