Commendence Management允许您重新品牌化其解决方案模板,以实现更高的品牌价值并遵守组织的品牌标准。 重新设定用户界面品牌包括更改组织徽标,该徽标显示在“创建对应UI”的左上角。
您可以在创建通信UI中使用您组织的徽标更改徽标。
创建对应UI中的自定义图标
要设置您选择的徽标图像,请执行以下操作:
在CRX](#creatingfolderstructure)中创建适当的[文件夹结构。
在您在CRX中 创建的文件夹中上传新的徽标文件。
在CRX上 设置CSS以引用新徽标。
清除浏览器历史记录并刷新创建对应UI。
创建用于托管自定义徽标图像和样式表的文件夹结构,如下所述。 根文件夹/apps的新文件夹结构与/libs文件夹的结构类似。
对于任何自定义,请在/apps分支中创建并行文件夹结构,如下所述。
/apps分支(文件夹结构):
请按照以下步骤在/apps分支中创建所需的文件夹结构:
转到https://'[server]:[port]'/[ContextPath]/crx/de
并以管理员身份登录。
在apps文件夹中,创建一个名为css
的文件夹,其路径/结构与css文件夹(位于ccrui文件夹)类似。
创建css文件夹的步骤:
右键单击以下路径中的css文件夹,然后选择叠加节点:/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
确保“叠加节点”对话框具有以下值:
路径 :/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
叠加位置 :/apps/
匹配节点类型:已选 中
请勿在/libs分支中进行更改。 您所做的任何更改都可能会丢失,因为只要您:
单击确定。css文件夹是在指定的路径中创建的。
在apps文件夹中,创建一个名为imgs
的文件夹,其路径/结构与imgs文件夹(位于ccrui文件夹)类似。
右键单击以下路径中的imgs文件夹,然后选择叠加节点:/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
确保“叠加节点”对话框具有以下值:
路径 :/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
叠加位置 :/apps/
匹配节点类型:已选 中
单击确定。
您还可以手动在/apps文件夹中创建文件夹结构。
单击全部保存以在服务器上保存更改。
将自定义徽标文件上传到CRX。 标准HTML规则控制徽标的呈现。 支持的图像文件格式取决于您访问AEM Forms时所使用的浏览器。 所有浏览器都支持JPEG、GIF和PNG。 有关详细信息,请参阅浏览器特定的文档,了解支持的图像格式。
请按照以下步骤将自定义徽标文件上传到CRX:
转到 https://'[server]:[port]'/[contextpath]/crx/de
. 如有必要,请以管理员身份登录。
在CRXDE中,右键单击以下路径的imgs文件夹,然后选择创建>创建文件:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs/
在“创建文件”对话框中,输入CustomLogo.png(或徽标文件的名称)作为文件名。
单击保存全部。
在您创建的新文件(此处为CustomLogo.png)下,将显示jcr:content属性。
在文件夹结构中单击jcr:content。
显示jcr:content的属性。
多次-单击jcr:data属性。
将显示“编辑jcr:data”对话框。
现在,单击newlogo.png文件夹,多次单击jcr:content(dim选项)并设置类型nt:resource。 如果不存在,请创建名为jcr:content的属性。
在“编辑jcr:data”对话框中,单击浏览,然后选择要用作标志的图像文件(此处为CustomLogo.png)。
支持的图像文件格式取决于您访问AEM Forms时所使用的浏览器。 所有浏览器都支持JPEG、GIF和PNG。 有关详细信息,请参阅浏览器特定的文档,了解支持的图像格式。
示例:CustomLogo.png用作自定义徽标
单击保存全部。
自定义徽标图像需要在内容上下文中加载其他样式表。
使用以下步骤设置用于渲染徽标的样式表:
转到 https://'[server]:[port]'/[contextpath]/crx/de
. 如有必要,请以管理员身份登录。
在以下位置创建名为customcss.css的文件(不能使用其他文件名):
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
创建customcss.css文件的步骤:
右键单击css文件夹,然后选择创建>创建文件。
在“新建文件”对话框中,将CSS的名称指定为customcss.css
(不能使用其他文件名),然后单击确定。
将以下代码添加到新创建的css文件。 在代码中的content:url中,指定已上传到CRXDE中的imgs文件夹的图像名称。
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
单击保存全部。
清除浏览器缓存,然后在浏览器中打开创建对应UI实例。 您应当看到您的自定义徽标。
创建对应UI中的自定义图标