Create Calendar Overlays Using Multiple Calendar Apps in SharePoint 2013 Online

In this SharePoint tutorial, I will explain how to create calendar overlays using multiple calendars in SharePoint 2013 Online. If you use a SharePoint calendar on your site, you can overlay your own Exchange calendar onto it to create a combined calendar view. Alternatively, you can overlay another SharePoint calendar as long as both SharePoint calendars are in the same site collection.

In all, you can add up to four Exchange or SharePoint calendars. In this Article we will see how to create calendar overlays in SharePoint 2013 using Multiple Calendars, here I explored how to achieve this using Out of box functionality.

In the previous post, we discussed Create Calendar Overlays Using Single Calendar App in SharePoint 2013 Online.

Working with the SharePoint calendars, we can always get to keep track of the events in an efficient way. So out of all the possible things which can be done with the SharePoint calendars, we will look into how the term calendar overlay takes effect with the look and feel of the calendar.

We will implement the calendar overlay functionality using Multiple Calendar Apps

In this section, we will see step by step how to do calendar overlay using multiple calendars in SharePoint 2013.

Create All Calendars

First, we will create multiple calendars in SharePoint 2013 site. Open SharePoint 2013 site, Go to Site Contents > Add an App > Click Calendar like below:

This will add the calendar app to the site. Adding the events in the SharePoint calendar is quite easy, you just have to select the date and click +Add on the given date.

For demonstration I have created three calendars on the site which are as follows:
1. Created Test Calendar A and added a whole day event to it.
Example: Read Books is a whole day event from 1st Feb to 15th Feb

2. Created Test Calendar B and added a whole day event to it.
Example: Weekend Chill is a whole day event which occurs on Saturdays and Sundays

3. Created Test Calendar C and added an event that occurs on Week Days.
Example: Work and Consultancy is an event which occurs on weekdays from 10 AM to 6 PM, starting on 1st Feb till 15th Feb.

Once we have created all the required calendars we will create overlays of these calendars on a Base Calendar.

Create Calendar Overlays using Multiple Calendars

Here we select Test Calendar A as our Base calendar.
On Test Calendar A go to Calendar Tab in the ribbon and click on Calendar Overlay icon.

This opens a new window and Click on the New Calendar button as shown below.

The New Calendar window opens, so you give any Name, Description, and Colour you desire to it.

Specify your web URL and Click on Resolve to see a list of all the available calendars in your site.

Make sure the Type of calendar selected in SharePoint.

Example: I have named the calendar as Work Calendar, specified the color Red, Provided my Web URL and upon resolving I get a list of all the calendars and I choose Test Calendar C for this.

Similarly, I have created one more Calendar by Calendar Overlay and named it Leisure Calendar with List Test Calendar B

Note: We can add a maximum of 10 calendars in a calendar View.
In the window below we see all the calendars created on the base calendar Test Calendar A’s calendar view.

After all the settings, the final Test Calendar A looks like this, with all the other specified calendars overlaid on it.

Final Output:

You may like following SharePoint Calendar tutorials:

• Create Color coded calendar in SharePoint 2013
• SharePoint 2013 Online Remove Time from All Events Calendar view
• Display the Calendar Using Jquery Full Calendar and SharePoint Rest API
• Working with SharePoint Calendar in SharePoint 2016/2013/Online
• SharePoint Online Group Calendar Web Part Tutorial

Hope this article was helpful to create calendar overlays using multiple calendars in SharePoint 2013/2016 or SharePoint Online.