更改界面的颜色方案 changing-the-color-scheme-of-the-interface
您可以修改AEM Forms工作区用户界面部分的颜色方案,以符合您的要求。 以下是一些代表性颜色方案自定义的示例。 除了本文中讨论的步骤之外,请参阅 AEM Forms工作区自定义的一般步骤.
顶部导航栏 top-navigation-bar
使用背景图像 using-background-image
更新位于AEM Forms工作区顶部的导航栏。
-
创建背景图像以更新颜色。 将文件命名为newBackground.jpg。
-
使用WebDAV客户端在/apps/ws/images文件夹中上传背景图像文件。
note note NOTE 有关WebDAV访问的更多信息,请参阅 https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. -
通过添加以下样式,在/apps/ws/css/newStyle.css中引用新的背景图像。
code language-css #header { background:#292929 url(../images/newBackground.jpg) repeat-x; }
在CSS中使用颜色属性 using-color-property-in-css
-
在/apps/ws/css的newStyle.css中添加以下样式
code language-css #header { background : none; background-color: gray; }
类别组件 category-component
类别组件在左侧面板中显示各种类别的任务。 要更改其颜色,请在 .category
元素。
任务组件 task-component
任务显示在名为TaskList组件的中间面板中。 要更改其颜色,请修改样式表中与.task选择器关联的样式。
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da