更改介面的顏色配置

您可以修改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選擇器關聯的樣式。

本頁內容

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