在Microsoft Dynamics CRM2013/2015中,默认的主题样式较为单一,所有部分的背景颜色相同,这可能会影响用户的视觉体验。为了提升用户体验,可以对CRM表单进行个性化定制,使其更加直观和美观。本文将介绍如何通过JavaScript和CSS来实现这一目标。
在开始之前,需要具备一定的Microsoft Dynamics CRM定制基础,以及对JavaScript和CSS有一定了解。
在网上找到了Hassan Kazemi提供的一个很好的解决方案,但这个方案的问题在于,所有的样式都会被应用到页面上的所有项目上,例如所有的部分、所有的标签等。为了解决这个问题,尝试扩展了Hassan Kazemi的想法,分别处理表单项,这样就可以在表单上有更多的灵活性来调整颜色、字体、背景、填充或其他样式选项。
基本思路是创建一个自定义的样式表文件,并在表单加载(form load)的JavaScript事件中加载这个文件,以覆盖原始的样式表。
确定想要应用样式的项目。
使用Google Chrome,按下F12打开开发者工具。
点击开发者工具中的搜索图标。
选择想要更改样式的项目。
复制所选项目的CSS路径。
将项目粘贴到记事本中。
为项目写下新的样式。
重复上述步骤,为任何想要更新样式的项目进行操作。
记事本中的内容将在下一步中添加。
设置 → 自定义 → 解决方案,然后打开解决方案或选择自定义系统。
选择Web资源。
按下新建,然后填写以下快照中所需的字段。
选择文本编辑器,复制并粘贴步骤1中的样式,然后保存并发布。
选择表单属性。
在表单库部分点击添加。
选择新建以创建新的自定义JavaScript库,或选择现有的自定义JavaScript库。
填写以下快照中的字段,并选择文本编辑器。
function LdCSS() {
var path = "/WebResources/new_custom.css";
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = path;
link.media = 'all';
head.appendChild(link);
}
按下添加。
选择表单加载事件的处理程序。
写下函数名称。
按下确定 → 确定 → 保存并发布。
现在可以刷新表单页面,样式就会应用上了。继续享受直观着色屏幕的乐趣吧。