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.
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
In this section we will go through a step by step implementation of the same.
Go to Site Contents > Add an App > Click Calendar
This will add the calendar app to the 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.
To create a calendar view first 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 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.
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 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.
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 colorsHope this article was helpful.
-: FREE PDF e-Book Download :-
51 JSOM Examples in SharePoint Online
You May Also like the Following SharePoint Online Tutorials: