SharePoint Online calendar web part

This SharePoint calendar tutorial explains, What is a SharePoint Calendar?  How to add a SharePoint Calendar Web Part in SharePoint? How can we customize the calendar in SharePoint Online or SharePoint 2013/2016?

I will explain you, how to use the SharePoint online calendar web part.

Also, we will see how to link a calendar from parent site to the subsite in SharePoint Online.

What is SharePoint Calendar?

SharePoint Calendar is a type of calendar that is used to store all the Events of an organization like some meeting events, holiday events, and Team events, etc.

A SharePoint Calendar is very useful for organizing any events in any business or in any organization where people can get information about events days.

Now we will see how to create SharePoint calendar and then how we can add a calendar web part to SharePoint? How we can customize SharePoint Calendar?

Read SharePoint Group Calendar Web Part

Create SharePoint Calendar SharePoint Online

To create a SharePoint calendar, click on Add an app and then choose Calendar app in SharePoint Online or SharePoint 2013/2016.

Here I have created a Calendar Event List named “TSInfoEvents” by using the Calendar Template like the below screenshot.

Then I have added some new Events to that List. For adding the new events to the List, Just go to the month and date where you want to put your events.

When you will go near the Date, It will show the “+Add” option which is used for adding the Events into the List. Just click on that “+Add” option.

After clicking on the “+Add” option, A new event item page will display to fill up the details about that event like the below screenshot.

In that “New Item Page”, Give the title of the event in that “Title” field. Here I have given as “Independence Day”.

Then give the location of the event in the “Location” field where you are organizing the event. Similarly, Give the starting time as well as ending time of the event in the “Start Time” field and “End Time” field like the below screenshot.

Then after, Give the “Description” of the event whereas I have given “We are organizing an Independence day in our company”. Then choose the category from the “Category” drop-down field whatever you want.

Here I have chosen “Holiday” because it is a Holiday event. If you want to specify your own value then you can choose the “Specify your own value”. Similarly, If you want to make it an all-day event, Then check the check box as “Make this all-day activity that doesn’t start or end at a specific”.

Then click on “Save” for saving the event into that “TSInfoEvents” List in SharePoint site.

In the same way, I have created an another Event named as “Company Meeting” in the “TSInfoEvents” List which is used for organizing a meeting in the company.

After adding all the events into that “TSInfoEvents” List, It will display like below screenshot.

Customize SharePoint Calendar

Let us see how to customize a SharePoint online calendar web part.

Then go to the “CALENDAR” which is present at the top of the “TSInfoEvents” List. There, Go to the “Current View” which is present in the Ribbon. Select the current view as “Calendar” from that “Current View” drop-down like the below screenshot.

SharePoint calendar web part

Now we will see how to add a Calendar Web Part in SharePoint online?

In first, For adding the SharePoint Calendar Web Part, Go to your specific Web Part Page where you want to show a Calendar Web Part in SharePoint Site.

Then add a new Web Part by using the “Add a Web Part” option. By clicking on the “Add a Web Part” option, It will show you the different types of “Categories”. Select the “Apps” under the categories dropdown.

In that “Apps” Categories, find your calendar event list (TSInfoEvents) which you have created before. Then by using the “Add” option, we can add that “TSInfoEvents” list in that Web Part Page like the below screenshot.

After adding the “TSInfoEvents” Calendar List, Just click on “Stop Editing”. Then after you can see the Calendar Event List (whereas I have created “TSInfoEvents” List) where you have put the events of the organization.

Here in the below screenshot, You can see my two events “Independence Day” and “Company Meeting” which I have created before. If you want to see the complete description of that events, Then you just click on that event and see the description.

This is how we can use the SharePoint online calendar web part.

Link a calendar from parent site to the subsite in SharePoint Online

Now, let us see, how to link a calendar from parent site to subsite in SharePoint Online.

Follow the steps to link the calendar from the parent site to the subsite in SharePoint modern sites.

• Open SharePoint modern sites
• Click on the Edit in the top right corner of the page.

• Click on the Plus icon after each section, where you want to add the calendar web parts.
• And then add the Event web parts.

• Click on the edit icon to edit the web parts.

• In the Event page, under Source click on the Event list on this site, under Event list click on the Event, under Category click on All, and Date range click on the All upcoming event.
• From Layout, you can choose Filmstrip or Compact, which type of layout you want you can choose.
• Under Show up to this many items at a time, you can choose how many events you want to see at a time. It is by default 20 you can increase and decrease the number of events.

• Click on the Republish.

Next, if you have created a subsite then navigate to subsite and add the Event web part by following the same steps how we add the Event web part in the Parent site in SharePoint Online. The only change you make, under Source, is to select This site collection in the Event Page.

Now lets, add event to the event web part in Parent SharePoint site.

• Click on Add event

• Give a name to the event
• Add the date and time when the event will occur to which date it will end.
• Add the location of the event.
• If you want to do the virtual meeting, then add a link in the link section, add a display name, and select a category (a type of events) from the Dropdown arrow.
• Under this event, write about the event. Click on Save.

Once you click on save now you can see the event in parent site as well as subsite.

Parent site in SharePoint online after adding calendar. In this example parent site is Human Resources.

Here subsite is Tech Team Management and you can see the same calendar.

This is, how to link calendar from parent site to sub site in SharePoint Online.

Create a calendar in office 365

Now, let us see, how to create a calendar in office 365. Also, we will cover the below topics:

• How to create a calendar in Office 365
• How to create an event in Office 365 Calendar
• How to share a calendar in Office 365
• Create a resource calendar in Office 365
• Create a calendar in office 365 SharePoint
• Create a Teams Calendar in Office 365

Create a calendar in Office 365

Here, I am going to explain how to create a calendar in Office 365.

• First, log in to the Office 365 portal and then you can directly click on Outlook.
• Also, you can open outlook by using the App Launcher (Go to App launcher >> Outlook).
• Once you will click on Outlook it will open, where you can create a new calendar.

• Click on the Calendar option at the bottom of the page as shown below.
• Now, the Outlook calendar page is open.

• Click on Add calendar option to create a calendar.

• Click on Create blank calendar option from the left-hand side.
• Give the calendar name in create blank calendar.
• Click on Save to create a calendar.

Here, In My calendar option you can see the created calendar.

How to Create an event in Office 365 Calendar

• First, log in the Office 365 portal and then you can directly click on the Outlook.
• Also, you can open the outlook by using the App Launcher (Go to App launcher >> Outlook).
• Click on the Calendar option at the bottom of the page, then click on New Event.
• In the calendar, window provide the below details to create an event as below screenshot.

Click on Save from the top of window to create an event.

Here, You can see the created event in Office 365.

How to share a calendar in office 365

• First, log in the Office 365 portal and then you can directly click on the Outlook.
• Also, you can open the outlook by using the App Launcher (Go to App launcher >> Outlook).
• Click on the Calendar option at the bottom of the page.
• Select a Calendar from My calendars option, then click on Sharing and permissions option to share it.

Now, In Sharing and permissions window :

• Enter the email address or name to whom you want to share your Calendar.
• Send a sharing invitation in an email.
• You can choose how much access to allow and change access settings at any time.

Click on Share to share your calendar.

Also, You can Share your calendar from the right hand side of page as below screenshot.

Create a resource calendar in office 365

Here, I am going to explain how to create a resource calendar in office 365.

• First, log in to the Microsoft Office 365 portal and then go to Admin.
• Once you will click on Admin, it will open the Office 365 admin center.
• Click on Resources >> Room & Equipment as shown below.

• In Rooms & equipment window, Click on Add resource to add a new resource in Office 365.

In the Add resource window, fill out some basic information about the resource you would like to create.

• Resource Type: Select the resource type from the drop-down arrow.
• Name: Give the resource name that appears in the address book, and in the To and From lines in meeting invitations and responses.
• Email: Give the email address that is used to send meeting invitations to the resource.
• Capacity: The number of people who can fit in the room or use the equipment at the same time.
• Location: Give the location.
• Phone number: Give the Phone number for creating the resource.

Click on Save to add the resource.

Here, Resource is created in Office 365.

Create a calendar in office 365 SharePoint

Here, I am going to explain how to create a calendar in office 365 SharePoint.

• First, log in to the Office 365 portal and then you can directly click on SharePoint.
• Also, you can open SharePoint by using the App Launcher (Go to App launcher >> SharePoint).
• Select any SharePoint site in which you want to create a calendar.

• In the SharePoint site, Go to the Settings icon at the top right corner.
• Select Add an app option to add a calendar to your SharePoint site.

• In Apps you can Add section, Click on the Calendar app.

• In Adding Calendar window, Click on Advanced Options and provide the below details:
• Name and Description: Type a new name as you want it to appear in headings and links throughout the site.
• Group Calendar Options: Specify whether this calendar list works as a group calendar. 

Click on Create, it will open a Calendar page to create an event.

On the SharePoint calendar page, provide the below details to create a new event in the calendar as below screenshot.

• Title: Give the name of the new item you want to create in the calendar.
• Location: Specify your location.
• Start time: Give the start time of the event.
• End time: Give the end time of the event.
• Description: Provide the description for the event.
• Category: Select the category of your event from the drop-down arrow.
• All Day Event: Select the checkbox if you want to make this all-day activity that doesn’t start or end at a specific hour.
• Recurrence: Select the checkbox if you won’t make it a repeating event.

Click on Save to create an event.

• Click on the CALENDAR option at the top of the page, and then select the List Settings option.
• When you will click on the List Settings option, It will open a Settings window, then click on “List name, description, and navigation” option.
• Now, in Navigation option set Yes to Display this list on the Quick Launch?.

Click on Save to save the changes in settings.

• Click on Home option from the left-hand navigation menu to visit at the SharePoint Site.

Here, You can see the Calendar option added at the left-hand side of the SharePoint site.

Create a Teams Calendar in Office 365

Here, I am going to explain how to create a Teams calendar in office 365.

• First, log in to the Office 365 portal and then you can directly click on the Teams.
• Also, you can open SharePoint by using the App Launcher (Go to App launcher >> Teams).
• Once you will click on Teams, it will open Teams where you can create a Teams calendar.
• Click on Teams >> Select your team’s group where you want to add a calendar.

• Open Outlook in a new tab and then select a Teams group (which you have created before) in Outlook.
• Click on the Calendar option from the Outlook page.

• Copy the Outlook calendar URL as shown in the below screenshot.

• Go to Teams App, and then click on Add to open the website tab in Teams.

• In Add a tab window, select Website app as shown below.

In Website window, provide the below details to paste the Outlook calendar URL:

• Tab name: Give the name of your website.
• URL: Paste the Outlook calendar URL that you copied from Outlook.

Click on Save.

Note: Make sure you’re only linking to sites that start with ‘https://‘ and contain trustworthy web content. That way, you and your team can stay secure.

Here, You can see the Calendar created in Office 365.

You may like the following SharePoint tutorials:

• Create site page in SharePoint online
• How to create a custom calendar in PowerApps
• Create a Custom Calendar in SharePoint using Rest API and jQuery
• SharePoint List Column Validation Examples
• How to Change SharePoint List Column Width?
• Freeze Header Row in List View or Library on Scrolling using jQuery in SharePoint
• CAML Query Builder for SharePoint 2013

Conclusion

In this SharePoint Online Tutorial, We discussed SharePoint Calendar and the below things:

• What is SharePoint Calendar
• SharePoint calendar web part
• How to add a SharePoint Calendar Web Part in SharePoint
• How to customize that calendar in SharePoint online, SharePoint 2019/2016, SharePoint 2013
• How to create a calendar in office 365
• How to create an event in Office 365 Calendar
• How to share a calendar in office 365
• Create a resource calendar in office 365
• Create a calendar in office 365 SharePoint
• Create a Teams Calendar in Office 365
• How to link calendar from parent site to subsite in SharePoint Online