Create Calendar Overlays Using Single Calendar App in SharePoint 2013 Online

This SharePoint 2013 Online tutorial explains about SharePoint 2013 calendar overlay. How to create calendar overlays using a Single Calendar App in SharePoint 2013/2016/Online.

Working with the Single SharePoint calendar, we can keep track of the events in an efficient way which can be done with the help of a Single SharePoint calendar we will look into how the term calendar overlay takes effect with the look and feel of the single calendar app concept.

We will implement the calendar overlays functionality using Single Calendar App

In this section, we will go through a step by step implementation of SharePoint 2013 calendar overlay.

Create a Calendar App for Calendar Overlay

First, we will create a calendar app for the calendar overlay. Open SharePoint 2013/Online site, go to Site Contents > Add an App > Click Calendar

calendar overlay settings sharepoint 2013
calendar overlay settings sharepoint 2013

This will add the calendar app to the SharePoint 2013/Online site.

Here for demonstration, I have created a calendar on the site called Test Calendar D.

Once the required base calendar with no events in it is created, I created different views of the same calendar.

Create different Calendar Views for Calendar Overlay

To create a calendar view, Open the calendar list which we have created in the above step and then click the Create View icon in the ribbon

calendar overlay settings sharepoint 2013
calendar overlay settings sharepoint 2013

Then select Calendar View from the settings window

calendar overlay settings sharepoint 2016
calendar overlay settings sharepoint 2016

Here I created a Calendar view and specified the name as Holiday View, keeping rest of the properties to their default settings, it’s important to set the filter where we set the Category equals to Holiday.

calendar overlay settings sharepoint online
calendar overlay settings sharepoint online

The categories which we are talking about are the value of the choice field of the Calendar Test Calendar D.

To check or Change the categories go to List Settings of the calendar and click the Categories column to see the following categories which are present in the column as choices by default.

  • Meeting
  • Work hours
  • Business
  • Holiday
  • Get-together
  • Gifts
  • Birthday
  • Anniversary

These Categories can be changed or can be user defined as per your requirement.

Here we will be working with three custom views:

  • Holiday
  • Meeting
  • Birthday

Similarly, I have created the two custom views Meeting view and Birthday View selecting their appropriate categories.

Once the respective views are created with the desired categories we can simply add the events in the corresponding categories.

calendar overlay settings sharepoint 2013 color
calendar overlay settings sharepoint 2013 color

To add events in your calendar you just have to select the date and click +Add on the given date.

Create calendar overlay in SharePoint 2013/online

After creating all the required views, it’s time to create the Calendar Overlays in SharePoint 2013/Online.

In this case, we have Test Calendar D as our Base calendar.

On the Test Calendar D go to Calendar Tab in the ribbon and click on Calendars Overlay icon.

calendar overlay sharepoint
create calendar overlay in SharePoint online

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

calendar overlay sharepoint 2013
calendar overlay SharePoint 2013

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 Holiday Calendar, specified the colour Dark Teal, Provided my Web URL and upon resolving I get a list of all the views on this calendar and I choose Holiday View for this.

calendar overlay sharepoint online
calendar overlay SharePoint online

Similarly, I have created couple more Calendar by Calendar Overlay and named them Meeting Calendar and Birthday Calendar with List View Meeting View and Birthday View Respectively.

sharepoint 2013 calendar overlay more than 10
sharepoint 2013 calendar overlay more than 10

Here also 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 D’s calendar view.

sharepoint 2013 calendar overlay limit
SharePoint 2013 calendar overlay limit

Now once the calendars are overlaid, the Test Calendar D will not show the views on it. Hence I have achieved it using the following trick.

So we need to modify the default view of calendar Test Calendar D and bug it with the filter which applies Category equals to null.

sharepoint online calendar overlay limit
sharepoint online calendar overlay limit

After all the settings the final Test Calendar D looks like this, with all the other specified views of the same calendar overlaid on it.

Final Output:

sharepoint online calendar overlay colors

SharePoint online calendar overlay colors

You may like following SharePoint calendar tutorials:

Hope this article was helpful to know about SharePoint calendar overlay. And we also saw how to create calendar overlay in SharePoint online or SharePoint 2013/2016.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.