Modifica della combinazione di colori dell'interfaccia

Potete modificare lo schema di colori porzioni dell’interfaccia utente dell’area di lavoro di AEM Forms in base alle vostre esigenze. Di seguito sono riportati alcuni esempi di personalizzazioni rappresentative dello schema di colori. Oltre ai passaggi descritti in questo articolo, consultate Passaggi generici per 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 AEM Forms.

  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.

    NOTA

    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 in 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'elemento .category 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.

In questa pagina

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now