Microsoft 365 : SharePoint Online – Showing calendar view of Event list on modern pages – small trick / workaround – no OOB option available

Microsoft 365 - SharePoint Online - Calendar view of "Event" list on Modern page using Embed WebPart
Microsoft 365 - SharePoint Online - Calendar view of "Event" list on Modern page using Embed WebPart

Hi All,

Greetings for the day!!!

Today new issue and solution / workaround

Details:

  • We have modern site collection
  • One of our user need calendar view of Event list on modern page
  • But in modern site on modern page there is no way to show calendar view of Event list
  • We have an option as either “Filmstrip” or “Compact” layout only
  • There is no way to have display “Calendar” view as we have on classic pages
Microsoft 365 - SharePoint Online - OOB calendar layouts on Modern Page
fig : Microsoft 365 – SharePoint Online – OOB calendar layouts on Modern Page

Workaround / Solution

  • We have an option of using “Embed” web part and providing URL for calendar view of Event list
Microsoft 365 - Embed web part
fig: Microsoft 365 – SharePoint Online – Embed web part
  • If we navigate to “Site Content >> Event” list then for Event list we have calendar view as shown in below fig
Microsoft 365 - SharePoint Online - Communication site - Calendar view for Event list
fig : Microsoft 365 – SharePoint Online – Communication site – Calendar view for Event list
  • Please note the URL of Calendar view of Event list – “<SITE URL>/Lists/Events/calendar.aspx
  • Here we have – “knowledgejunction1.sharepoint.com/Lists/Events/calendar.aspx
Microsoft 365 - SharePoint Online - Calendar view of  "Event" list on Modern page
fig : Microsoft 365 – SharePoint Online – Configuring calendar view of “Event” list on Modern page using Embed WebPart
  • Following is the embed code in Embed web part
<iframe src="https://knowledgejunction1.sharepoint.com/Lists/Events/calendar.aspx?isDlg=1" width="100%" height="660" scrolling="no" style="margin-top: -110px;"></iframe>

  • Please note here query string parameter – “isDlg=1” need to specify otherwise it shows complete SharePoint page with suit bar
  • After publishing the page it looks like
Microsoft 365 - SharePoint Online - Calendar view of  "Event" list on Modern page using Embed WebPart
fig : Microsoft 365 – SharePoint Online – Calendar view of “Event” list on Modern page using Embed WebPart

Thanks for reading the article !!! Please feel free to discuss in case any issues / suggestions / thoughts / questions !!!

HAVE A GREAT TIME AHEAD !!! LIFE IS BEAUTIFUL 🙂

Prasham Sabadra

LIFE IS VERY BEAUTIFUL :) ENJOY THE WHOLE JOURNEY :) Founder of Knowledge Junction and live-beautiful-life.com, Author, Learner, Passionate Techie, avid reader. Certified Professional Workshop Facilitator / Public Speaker. Scrum Foundation Professional certificated. Motivational, Behavioral , Technical speaker. Speaks in various events including SharePoint Saturdays, Boot camps, Collages / Schools, local chapter. Can reach me for Microsoft 365, Azure, DevOps, SharePoint, Teams, Power Platform, JavaScript.

You may also like...

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: