Cambiar el esquema de colores de la interfaz
Creado para:
- User
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.
-
Cree una imagen de fondo para actualizar el color. Asigne un nombre al archivo como newBackground.jpg.
-
Cargue el archivo de imagen de fondo en la carpeta /apps/ws/images mediante un cliente WebDAV.
NOTEPara obtener más información sobre el acceso a WebDAV, consulte https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. -
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
-
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.