更改界面的颜色方案

您可以根据自己的要求,修改AEM Forms workspace用户界面部分的配色方案。 以下是一些具有代表性的颜色方案自定义示例。 除了本文中讨论的步骤外,请参阅 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中使用color属性

  1. 在/apps/ws/css的newStyle.css中添加以下样式

    #header {
    background : none;
    background-color: gray;
    }
    

类别组件

类别组件在左侧面板中显示任务的各个类别。 若要更改其颜色,请定义背景颜色 .category CSS文件的元素。

任务组件

任务显示在称为TaskList组件的中间面板中。 要更改其颜色,请修改样式表中与.task选择器关联的样式。

在此页面上