Show Menu
主題×

更改介面的顏色配置

您可以修改AEM Forms工作區使用者介面部分的色彩配置,以符合您的需求。 以下是代表性色彩配置自訂的一些範例。 除了本文章討論的步驟外,請參閱「AEM Forms工 作區自訂的一般步驟」

頂端導覽列

使用背景影像

若要更新AEM Forms工作區頂端的導覽列。
  1. 建立背景影像以更新顏色。 將檔案命名為newBackground.jpg。
  2. 使用WebDAV用戶端上傳/apps/ws/images檔案夾中的背景影像檔案。
    如需WebDAV存取的詳細資訊,請參閱 https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html
  3. 在/apps/ws/css/newStyle.css中新增下列樣式,以參考新的背景影像。
    #header {
        background:#292929 url(../images/newBackground.jpg) repeat-x;
    }
    
    

在CSS中使用顏色屬性

  1. 在newStyle.css中新增下列樣式,網址為/apps/ws/css
    #header {
    background : none;
    background-color: gray;
    }
    
    

類別元件

類別元件會在左側面板中顯示您的工作的各種類別。 若要變更其顏色,請在CSS檔案的元 .category 素中定義背景顏色。

任務元件

任務顯示在名為TaskList元件的中間面板中。 要更改其顏色,請修改樣式表中與。task選擇器關聯的樣式。