Color-Coding Calendar Events Based On Category In SharePoint 2013

Introduction:

I have a calendar list in which I have created events for different event types. We will see how to implement color-coding for calendar events based on category as shown below.

Calendar

Create views for each category:

We will create separate view for each category. Navigate to the Calendar list and then click on List Settings which is available under Calendar tab in the ribbon interface.

views

Click on Create view under Views section. Choose Calendar View as view type. Enter “Meeting Events” as view name. Set the filter for the view and then click on Ok button.

filter

Similarly create views for each category and I have created the views for the following events.

create views

Configure Calendars Overlay:

Navigate to the Calendar list and then click on Calendars Overlay which is available under Calendar tab in the ribbon interface.

overlay

Click on New Calendar.



Enter the details and then click on Ok button.

Details

Similarly create for calendar for other category views.

category views

Calendars overlay will display the events as shown below. As we are doing calendar overlays even the default calendar events will be displayed because of which duplicate entries will be displayed.

duplicate calender

To fix this we have to update the default calendar view. Navigate to the Calendar list and then click on List Settings which is available under Calendar tab in the ribbon interface. Click on “Calendar” view under Views section. Set the filter as shown below and then click on Ok button.



Navigating to the Calendar list the duplicate values will be removed. Note: Make sure all the events contain category value.

removeduplicate

Summary:

Thus in this article you saw how to implement color-coding for calendar events based on category in SharePoint 2013.