Microsoft CRM 2011/2013: Colorizing Service Calendar

This is how standard service calendar looks like:

Today I was asked by a customer if it is possible to change the colorizing schema of Service Calendar. I started to look for information about it and found the following article –
Unfortunately, I wasn’t able to understand how to do it on my first attempt, so I contacted Microsoft to get some clarification and help. I’m really appreciated that Jim Daly got in touch with me and gave some explanations regarding the SDK article. I will share with you the results I got in this article.

Follow the steps to change the appearance of the Service Calendar:

1. Create a css webresource with Display Name AppointmentBookConfig and put the following CSS inside:

Note: Display Name of webresource has to be AppointmentBookConfig!!!

Note: div classes since UR 12 CRM 2011 are case sensitive so be attentive!!!

2. Save and publish this webresource.

3. Reload the Service calendar and check that changes were applied according to your webresource:


  1. Hi ,
    Let me know if I can put Appointment color based on the contact’s gender.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.