更改接口的颜色方案

您可以修改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组件的中间面板中。 要更改其颜色,请修改与样式表中的。任务选择器关联的样式。

On this page

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