Ändern des Farbschemas der Benutzeroberfläche

Sie können das Farbschema von Bereichen der Benutzeroberfläche von AEM Forms Workspace Ihren Anforderungen entsprechend ändern. Im Folgenden sehen Sie einige Beispiele für repräsentative Anpassungen des Farbschemas. Zusätzlich zu den in diesem Artikel beschriebenen Schritten finden Sie unter Generische Schritte zur Anpassung von AEM Forms Workspace.

Navigationsleiste oben

Verwenden eines Hintergrundbilds

Aktualisieren der Navigationsleiste oben in AEM Forms Workspace.

  1. Erstellen Sie ein Hintergrundbild, um die Farbe zu aktualisieren. Benennen Sie die Datei als newBackground.jpg.

  2. Laden Sie die Hintergrundbild-Datei mit einem WebDAV-Client in den Ordner „/apps/ws/images“ hoch.

    HINWEIS

    Weitere Informationen zum WebDAV-Zugriff finden Sie unter https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.

  3. Verweisen Sie in /apps/ws/css/newStyle.css auf das neue Hintergrundbild, indem Sie folgenden Stil hinzufügen.

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

Verwenden der Farbeigenschaft in CSS

  1. Fügen Sie in newStyle.css unter „/apps/ws/css“ den folgenden Stil hinzu.

    #header {
    background : none;
    background-color: gray;
    }
    

Category-Komponente

In der Category-Komponente werden die verschiedenen Kategorien Ihrer Aufgaben im linken Fenster angezeigt. Um die Farbe zu ändern, definieren Sie die Hintergrundfarbe im Element .category der CSS-Datei.

Task-Komponente

Aufgaben werden im mittleren Fenster, der TaskList-Komponente, angezeigt. Um die Farbe zu ändern, ändern Sie den Stil, der mit .task-Auswahl im Stylesheet verknüpft ist.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
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