Steps to create Calendar Overlays Using Single Calendar App in SharePoint 2013

sharepoint online calendar overlay colors
InfoPath alternatives for form designing SharePoint

Introduction:
In this Article we will see how to create calendar overlays in SharePoint 2013 Using a Single Calendar App, here I explored how to achieve this using Out of box functionality.

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

Also read some SharePoint 2013 tutorials:
Steps to create Calendar Overlays Using Multiple Calendar Apps in SharePoint 2013

Different ways to Retrieve logged in user details in SharePoint 2013 or SharePoint 2016

SharePoint 2013 Arranging Choice Field CheckBoxes on SharePoint Forms using jQuery

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


calendar overlay settings sharepoint 2013
calendar overlay settings sharepoint 2013

This will add the calendar app to the site.

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

To create a calendar view first 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

Example:
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 and 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.

Step 3:
After creating all the required views, it’s time to create the Calendar Overlays.
In this case we have Test Calendar D as our Base calendar.
On Test Calendar D go to Calendar Tab in the ribbon and click on Calendar Overlay icon.

calendar overlay sharepoint
calendar overlay sharepoint

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 colorsHope this article was helpful.

Similar SharePoint 2013 Tutorials


About Akash Kumhar

I am Akash Kumhar a SharePoint Consultant.

View all posts by Akash Kumhar →

Leave a Reply