Twitter Image

Identifying Microsoft Dynamics CRM Environments by color

Written by Stéphane Dorrekens
Thursday, 31 March 2011 10:18

When you work on a deployment with a lot of different environnements like development, staging, training, integration, production; etc..; you sometimes have trouble identifying directly which environment you are running from which can lead to errors and confusion like testing a feature on the wrong environment.
After some mishaps, I had the idea to identify the environments by changing some color scheme in Microsoft CRM.

Warning, all changes described hereafter are changes to system files so are totally unsupported, may break your system and can revert if you apply hotfixes or rollup (and believe me, they will ;).
So, I tried to find a single setting, easy to change but which impacts to whole system without making it too ugly or unreadable.

CRM 4.0
After some trials, changing the table gobal setting made a nice visual effect over the whole application.
To make the change, edit <CrmWebsiteRoot>\_commons\styles\global.css.aspx, locate and modify the section table so that it reads as such
note: <CrmWebsiteRoot> is usually c:\inetpub\wwwroot or c:\program files\Microsoft Dynamics CRM\CRMWeb

table
{
cursor: default;
background-color: #yourHTMLColorCode;
}

Here's some results from colors codes I found nice : #FFDDaa (salmon), #BBFFAA (light green), but you're free to test any other combination; light colors giving the best look.

  

CRM 2011
I first tried the same setting as with CRM 4.0, but even if it did work, the visual aspect was not too nice on the eyes as you can see below

Time to go for other options. As the Ribbon is one of the proeminent feature of CRM 2011, I decided to go for it. A little use of the IE developper tools showed that the Ribbon styles are handled by cui.css.
To make the change, edit <CrmWebsiteRoot>\_static\css\1033\cui.css, locate and modify the section ms-cui-tabBody so that it reads as such

.ms-cui-tabBody{
overflow:hidden;
width:100%
background:#youHTMLcolorcode url("/_imgs/ribbon/wss/rbgbbg.png") repeat-x left bottom;
height:90px;
border-style:solid;

Here's a test with the color code set to #BBFFAA, as you can see, it gives a very lovely and discreet color to the ribbon

Now, while very nice, it may not be sufficiently visible for some usage, so let's go a little further and edit the css as such

.ms-cui-tabBody{
overflow:hidden;
width:100%
background:#youHTMLcolorcode /* url("/_imgs/ribbon/wss/rbgbbg.png") repeat-x left bottom; */
height:90px;
border-style:solid;

A lot more visible but less subtle as well. Personnaly, I choose the first option but this one is quite nice as well.

 

Comments  

 
#2 Paddy 2012-12-11 16:19
Thanks very much - that's saved me a few hours of trial and error
 
 
#1 Glenn Goodwin 2011-04-28 07:33
Thanks for the tip. Was looking at this today and found your tip. In addition I changed the \_imgs\CRMMasth eadLogo.png file to provide the name of the environment (except for Production). I also fiddled with the \_imgs\Ribbon\W SS\rbgbbg.png file but couldn't get my change to stick, so went for the css approach instead.

Thanks Glenn