更改界面的颜色方案

您可以修改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. 在/apps/ws/css的newStyle.css中添加以下样式

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

类别组件

类别组件在左侧面板中显示各种类别的任务。 要更改其颜色，请在 .category 元素。

任务组件

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

Business.Adobe.com 资源

Multichannel Communication Personalized Experiences Embedded Charts Responsive Forms Web Content Management Digital Signage