Show Menu
ARGOMENTI×

Modifica della combinazione di colori dell’interfaccia

È possibile modificare lo schema di colori delle porzioni dell'interfaccia utente dell'area di lavoro AEM Forms in base alle proprie esigenze. Di seguito sono riportati alcuni esempi di personalizzazioni rappresentative dello schema di colori. Oltre ai passaggi descritti in questo articolo, consulta Procedura generica per la personalizzazione dell’area di lavoro AEM Forms.

Barra di navigazione superiore

Utilizzo dell'immagine di sfondo

Per aggiornare la barra di navigazione nella parte superiore dell'area di lavoro Moduli AEM.
  1. Create un'immagine di sfondo per aggiornare il colore. Denominate il file come newBackground.jpg.
  2. Caricate il file di immagine di sfondo nella cartella /apps/ws/images utilizzando un client WebDAV.
    Per ulteriori informazioni sull'accesso WebDAV, vedere https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html .
  3. Fate riferimento alla nuova immagine di sfondo in /apps/ws/css/newStyle.css aggiungendo il seguente stile.
    #header {
        background:#292929 url(../images/newBackground.jpg) repeat-x;
    }
    
    

Utilizzo della proprietà colore nei CSS

  1. Aggiungi il seguente stile in newStyle.css in /apps/ws/css
    #header {
    background : none;
    background-color: gray;
    }
    
    

Componente categoria

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

Componente attività

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.