Cambio del esquema de colores de la interfaz

Puede modificar la combinación de colores de las partes de la interfaz de usuario del espacio de trabajo de AEM Forms 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 la personalización del espacio de trabajo de AEM Forms.

Barra de navegación superior

Uso de la imagen de fondo

Para actualizar la barra de navegación en la parte superior del espacio de trabajo de AEM Forms.

  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 utilizando 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 a la nueva imagen de fondo en /apps/ws/css/newStyle.css.

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

Uso de la propiedad de color en CSS

  1. Añada el siguiente estilo en newStyle.css en /apps/ws/css

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

Componente de 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 .category elemento del archivo CSS.

Componente de tarea

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

En esta página