Cambiar el esquema de colores de la interfaz changing-the-color-scheme-of-the-interface
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.
-
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.
note note NOTE 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. -
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
-
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.