Create Calendar Overlays Using Multiple Calendar Apps in SharePoint 2013 Online

Create sharepoint calendar overlay

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.

SharePoint deveopment training course

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:


sharepoint online calendar overlay colors
SharePoint online calendar overlay colors

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.


office 365 sharepoint calendar overlay
SharePoint calendar overlay

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

sharepoint online calendar overlay colors
SharePoint online calendar overlay colors

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

sharepoint 2013 calendar overlay custom colors
sharepoint 2013 calendar overlay custom colors

3. Created Test Calendar C and added an event which 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.


sharepoint calendar overlay
sharepoint calendar overlay

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.

sharepoint calendar overlay colors
sharepoint calendar overlay colors

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

sharepoint online calendar
sharepoint online calendar

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.

sharepoint calendar multiple calendar apps
SharePoint calendar multiple calendar apps

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

sharepoint 2013 calendar overlay colors
sharepoint 2013 calendar overlay colors

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.

how to create multiple calendars in sharepoint 2013
how to create multiple calendars in sharepoint 2013

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

Final Output:

Create sharepoint calendar overlay
Create SharePoint calendar overlay

You may like following SharePoint Calendar tutorials:

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

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope

About Akash Kumhar

I am Akash Kumhar a SharePoint Consultant.

View all posts by Akash Kumhar →