Colour coding event types on SharePoint calendar

On a SharePoint calendar you might have different event types, e.g. Birthday, Meeting or Holiday. Wouldn’t it be nice if you can display these events on the calendar and colour code them by event type?

Well you probably can achieve this by applying the right XSL to the calendar list – but this could get nasty. Alternatively you can use a no-code solution involving calendar overlays in SharePoint 2010.

You would end up with something like this:

The steps to achieve this include:

  1. Filter the default calendar view to show only items of event type Meeting (for example)
  2. Create another calendar view, and filter to show only items of event type Holiday
  3. Create another calendar view, and filter to show only items of event type Birthday
  4. Add the Holiday and Birthday views to the default view as overlays

This approach has some drawbacks, but it is simple enough that it could be a satisfactory workaround.

As a side note, check this post for adding calendar overlays programmatically in SharePoint 2010: http://blog.falchionconsulting.com/index.php/2011/06/programmatically-setting-sharepoint-2010-calendar-overlays

Advertisements

About Bernado

Based in Australia, I am a freelance SharePoint and Dynamics CRM developer. I love developing innovative solutions that address business and everyday problems. Feel free to contact me if you think I can help you with your SharePoint or CRM implementation.
This entry was posted in SharePoint 2010. Bookmark the permalink.

One Response to Colour coding event types on SharePoint calendar

  1. Julia says:

    Hi, thanks a lot for you post. Even though it dates back to SP 2010, it helped me a lot setting up different color codes for events. I had initially created different calendars, but your solution is much more elegant and more usable as well.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s