Embed a monthly calendar view into a SharePoint Online page

A monthly calendar view in SharePoint Online is in the works. The Events web part is the preferred method for displaying calendar items. However, displaying a monthly view on a modern page can be done by embedding iFrame HTML code into the Embed web part:

1. Go to the site and Edit the page.
2. Select the +. Search and select the Embed web part.
3. Input the following code: <iFrame width="100%" height="100%" src="calendar url" scrolling="no" style="margin-left: -200px; margin-top: -190px;"</iframe>​
   • Replace calendar url with the link to the calendar (ex. https://utoronto.sharepoint.com/sites/abc-123/Lists/Calendar/calendar.aspx). The calendar's view can be adjusted by selecting the Calendar tab > Modify View.
4. Publish/Republish the page.

Related Links

The following article(s) and blog posts have more information:

• Add content to your page using the embed web part
• Calendar web part on modern pages
• Calendar view on modern page