Create Calendar Overlays Using Single Calendar App in SharePoint 2013 Online
Check out Best Alternative to InfoPath -> Try Now
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.
SharePoint 2016 Tutorial Contents
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
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
Then select Calendar View from the settings window
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.
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.
- Work hours
These Categories can be changed or can be user defined as per your requirement.
Here we will be working with three custom views:
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.
To add events in your calendar you just have to select the date and click +Add on the given date.
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.
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 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.
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.
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.
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.
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.
SharePoint online calendar overlay colors
You may like following SharePoint calendar tutorials:
- Working with SharePoint Calendar in SharePoint 2016/2013/Online
- SharePoint Online Group Calendar Web Part Tutorial
- SharePoint online calendar web part
- Steps to create Calendar Overlays Using Multiple Calendar Apps in SharePoint 2013
- Display the Calendar Using Jquery Full Calendar and SharePoint Rest API
- SharePoint Online Add Calendar Month Week and Day view as Hyperlink
- SharePoint 2013 Online Remove Time from All Events Calendar view
- Create Color coded calendar in SharePoint 2013
- Change calendar event background color in SharePoint 2013
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.
SharePoint Online FREE Training
JOIN a FREE SharePoint Video Course (3 Part Video Series)