更改介面的顏色配置 changing-the-color-scheme-of-the-interface
您可以修改AEM Forms工作區使用者介面部分的色彩配置,以符合您的需求。 以下是一些代表性色彩配置自訂的範例。 除了本文討論的步驟外,請參閱 AEM Forms工作區自訂的一般步驟.
頂端導覽列 top-navigation-bar
使用背景影像 using-background-image
更新AEM Forms工作區頂端的導覽列。
-
建立背景影像以更新顏色。 將檔案命名為newBackground.jpg。
-
使用WebDAV客戶端上載/apps/ws/images資料夾中的背景影像檔案。
note note NOTE 有關WebDAV訪問的詳細資訊,請參見 https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. -
在/apps/ws/css/newStyle.css中新增下列樣式,以參考新的背景影像。
code language-css #header { background:#292929 url(../images/newBackground.jpg) repeat-x; }
在CSS中使用color屬性 using-color-property-in-css
-
在newStyle.css中,在/apps/ws/css中新增下列樣式
code language-css #header { background : none; background-color: gray; }
類別元件 category-component
類別元件會在左側面板中顯示您的工作的各種類別。 若要變更其顏色,請在 .category
元素。
任務元件 task-component
任務顯示在名為TaskList Component的中間面板中。 要更改其顏色,請修改與樣式表中的.task選擇器關聯的樣式。
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da