Ändern des Farbschemas der Benutzeroberfläche changing-the-color-scheme-of-the-interface

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

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

Hintergrundbild verwenden using-background-image

So aktualisieren Sie die Navigationsleiste am oberen Rand von AEM Forms Workspace.

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

  2. Laden Sie die Hintergrundbilddatei mithilfe eines WebDAV-Clients in den Ordner /apps/ws/images hoch.

    note note
    NOTE
    Weitere Informationen zum WebDAV-Zugriff finden Sie unter https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.
  3. Referenzieren Sie das neue Hintergrundbild in /apps/ws/css/newStyle.css , indem Sie folgenden Stil hinzufügen.

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

Verwenden der Farbeigenschaft in CSS using-color-property-in-css

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

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

Kategoriekomponente category-component

Die Komponente Kategorie zeigt die verschiedenen Kategorien Ihrer Aufgaben im linken Bereich an. Um die Farbe zu ändern, definieren Sie die Hintergrundfarbe im .category-Element der CSS-Datei.

Task-Komponente task-component

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.

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