个性化定制Microsoft Dynamics CRM表单样式

Microsoft Dynamics CRM2013/2015中,默认的主题样式较为单一,所有部分的背景颜色相同,这可能会影响用户的视觉体验。为了提升用户体验,可以对CRM表单进行个性化定制,使其更加直观和美观。本文将介绍如何通过JavaScriptCSS来实现这一目标。

准备工作

在开始之前,需要具备一定的Microsoft Dynamics CRM定制基础,以及对JavaScriptCSS有一定了解。

解决方案

在网上找到了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); }

按下添加。

选择表单加载事件的处理程序。

写下函数名称。

按下确定 → 确定 → 保存并发布。

现在可以刷新表单页面,样式就会应用上了。继续享受直观着色屏幕的乐趣吧。

沪ICP备2024098111号-1
上海秋旦网络科技中心:上海市奉贤区金大公路8218号1幢 联系电话:17898875485