Modifica della combinazione di colori dell'interfaccia

Ultimo aggiornamento: 2023-05-23
  • Argomenti:
  • Forms Service
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • User

Puoi modificare la combinazione di colori delle parti dell’interfaccia utente dell’area di lavoro di AEM Forms 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

Utilizzo dell'immagine di sfondo

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

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

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

    NOTA

    Per ulteriori informazioni sull'accesso WebDAV, vedere 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.

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

Utilizzo della proprietà color nel 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 delle attività nel pannello a sinistra. Per modificarne il colore, definisci il colore di sfondo in .category del file CSS.

Componente attività

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

In questa pagina