Ändern des Farbschemas der Benutzeroberfläche changing-the-color-scheme-of-the-interface
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.
Navigationsleiste oben top-navigation-bar
Verwenden eines Hintergrundbilds using-background-image
So aktualisieren Sie die Navigationsleiste am oberen Rand von AEM Forms Workspace
-
Erstellen Sie ein Hintergrundbild, um die Farbe zu aktualisieren. Geben Sie der Datei den Namen „newBackground.jpg“.
-
Laden Sie die Datei des Hintergrundbilds mithilfe eines WebDAV-Clients in den Ordner „/apps/ws/images“ hoch.
note note NOTE Weitere Informationen finden Sie unter WebDAV-Zugriff. -
Verweisen Sie auf das neue Hintergrundbild in „/apps/ws/css/newStyle.css“, indem Sie den 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
-
Fügen Sie in „newStyle.css“ unter „/apps/ws/css“ den folgenden Stil hinzu:
code language-css #header { background : none; background-color: gray; }
Kategoriekomponente category-component
Die Kategoriekomponente 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.