DocumentazioneAEM 6.4Guida di Forms

Modifica della combinazione di colori dell’interfaccia changing-the-color-scheme-of-the-interface

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • User
CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

Puoi modificare la combinazione di colori delle porzioni dell’interfaccia utente di AEM Forms Workspace in base alle tue esigenze. Di seguito sono riportati alcuni esempi di personalizzazioni rappresentative delle combinazioni di colori. Oltre ai passaggi descritti in questo articolo, consulta Passaggi generici per la personalizzazione dell’area di lavoro AEM Forms.

Barra di navigazione superiore top-navigation-bar

Utilizzo dell'immagine di sfondo using-background-image

Per aggiornare la barra di navigazione nella parte superiore dell’area di lavoro di AEM Forms.

  1. Crea un'immagine di sfondo per aggiornare il colore. Denomina il file come newBackground.jpg.

  2. Carica il file di immagine di sfondo nella cartella /apps/ws/images utilizzando un client WebDAV.

    note note
    NOTE
    Per ulteriori informazioni sull'accesso a WebDAV, vedi https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.

  3. Fai riferimento alla nuova immagine di sfondo in /apps/ws/css/newStyle.css aggiungendo il seguente stile.

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

Utilizzo della proprietà colore nei CSS using-color-property-in-css

  1. Aggiungi il seguente stile in newStyle.css in /apps/ws/css

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

Componente categoria category-component

Il componente Categoria visualizza le varie categorie delle attività nel pannello a sinistra. Per modificarne il colore, definisci il colore di sfondo in .category elemento del file CSS.

Componente attività task-component

Le attività vengono visualizzate nel pannello centrale denominato Componente TaskList. Per modificarne il colore, modificare lo stile associato al selettore .task nel foglio di stile.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da