One of the most common enhancement requests that we receive from our MS Dynamics CRM customers is changing the look and feel of the default UI / UX. A case in consideration is the default UX of the grid. It is completely unreadable, considering it has no alternative row styling or for that matter, even row separators.
Users these days are spoilt for choices and in such a scenario, an unfriendly UI may lead to customer dissatisfaction in an otherwise perfect implementation. What is even more appalling is that there is no straightforward way of implementing this simplistic feature which is de facto for more than a decade now.
However, inspired by Bohnnie Maity’s blog on conditional formatting for CRM 2013 sp1/2015 grids using actions, I have made changes in the code to make the grid a little captivating.
This is the standard grid available in Dynamics CRM 2015/2016
After modifying the CSS classes in JavaScript, the Grid looks a tad different, more attractive and easier to analyze records in the associated rows.
For achieving this output, use the following JavaScript code,
You can call this JavaScript function by simply creating a hidden button on every (Global) entity form as a web resource. For your ease, kindly use ribbon workbench tool inside MS Dynamics CRM solution.
Written by Pramod Dhokane, Microsoft Dynamics Expert at Eternus Solutions
Users these days are spoilt for choices and in such a scenario, an unfriendly UI may lead to customer dissatisfaction in an otherwise perfect implementation. What is even more appalling is that there is no straightforward way of implementing this simplistic feature which is de facto for more than a decade now.
However, inspired by Bohnnie Maity’s blog on conditional formatting for CRM 2013 sp1/2015 grids using actions, I have made changes in the code to make the grid a little captivating.
This is the standard grid available in Dynamics CRM 2015/2016
 |
| Standard grid in MS Dynamics CRM – 2015/2016 |
After modifying the CSS classes in JavaScript, the Grid looks a tad different, more attractive and easier to analyze records in the associated rows.
 |
| Grid with gray colored alternative rows |
For achieving this output, use the following JavaScript code,
Pro-Tip
You can call this JavaScript function by simply creating a hidden button on every (Global) entity form as a web resource. For your ease, kindly use ribbon workbench tool inside MS Dynamics CRM solution.
Written by Pramod Dhokane, Microsoft Dynamics Expert at Eternus Solutions
great technology found via your article and it's more interest to do first sight visitors also. keep do more interested thing via design article.
ReplyDeleteGMAT Coaching Institutes in Chennai
This comment has been removed by the author.
ReplyDeleteWow! Such an amazing and helpful post this is. I really really love it. It's so good and so awesome. I am just amazed. I hope that you continue to do your work like this in the future also crmcare
ReplyDeleteI wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post. crm care
ReplyDeleteI precisely wanted to say thanks once again. I am not sure the things I might have handled in the absence of those creative ideas contributed by you concerning this concern. It was before the depressing condition in my circumstances, but considering the very well-written manner you solved that made me to cry for contentment. I will be thankful for this support and in addition trust you are aware of a powerful job that you’re accomplishing teaching many people using your site. Probably you have never met any of us.
ReplyDeleteios developer needed