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.












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.


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.


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









Configure Calendars Overlay:

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






Click on New Calendar.








Enter the details and then click on Ok button.










Similarly create for calendar for other 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.





















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.













Summary:

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