Steps to create Calendar Overlays Using Multiple Calendar Apps in SharePoint 2013

Create sharepoint calendar overlay
Check out Best Alternative to InfoPath


Introduction:
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.


Scenarios:
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

Implementation:
In this section we will go through a step by step implementation of the same

Step-1:
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 quiet easy, you just have to select the date and click +Add on the given date.

office 365 sharepoint calendar overlay
office 365 sharepoint calendar overlay

Step-2:
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

Also you can read some SharePoint articles:
Different ways to Retrieve logged in user details in SharePoint 2013 or SharePoint 2016

SharePoint 2013 system status notifications

SharePoint 2013 Create Custom Save and Redirect Button On A SharePoint Form

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


sharepoint calendar overlay
sharepoint calendar overlay

Step-3:
Once we have created all the required calendars we will create overlays of these calendars on a Base Calendar.
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

Step-4:
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 colour 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

Hope this article was helpful.


You May Also like the Following SharePoint Online Tutorials:

About Akash Kumhar

I am Akash Kumhar a SharePoint Consultant.

View all posts by Akash Kumhar →