Was wondering if someone has experience coloring a calendar event based on the value of a category. I have seen guides to do this via Sharepoint Designer but would like a way to do this through the Visual Studio 2010 project that is creating the list. Details or a link are most appreciated.


4 Answers 4


CSS, javascript & calculated columns should do the trick. Read the following post:

  • Use the first link and make sure you follow their recommendations for adding color to a Sharepoint 2010 calendar (needs a difference script). Other than that this works like a charm
    – MikeC
    Commented Oct 28, 2011 at 3:31

One way to achieve this is through the calendar overlays feature. Create a view for each category. Then create a view that displays nothing (filter by date or something that excludes everything). Then add an overlay for each category view.


Try this article on how to create a color coded calendar by category using JS in SharePoint 2010- http://www.sharepointbreak.com/2012/09/02/creating-a-color-coded-calendar-by-category-using-js-in-sharepoint-2010/

  • 1
    Please try to provide more details to your answer, to make it more stand-alone from the link. The link may break before this page does :) Commented Aug 14, 2013 at 7:41

The simplest way is to make the Category display in one of the calendar mapped fields and add a CSS stylesheet either via Content Editor web part (one-off) or a CustomAction/DelegateControl (reusable).

Provided a week or day view has subheadings displaying the category, a style that will be supported by most modern browsers is as follows:

[title*=Warning].ms-acal-item {
[title*=Critical].ms-acal-item {

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.