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...

Leave a Reply

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

%d bloggers like this: