Forum Discussion
Displaying the events web part as a full calendar view of the month on a modern page?
I'm using a modern web page in SharePoint Online to display events. With the modern events web part, it only displays upcoming events as tiles. The people I'm building the site for would like their events web part to show a full grid view of the calendar month.
I can't seem to find a way to do this in the modern experience. Would be great if anybody knows how I can do this (if it's possible)?
Thanks
- I got this working using the embed webpart. If you get the URL to the calendar view you want and append IsDlg=1 then it removes the navigation and just leaves the calendar. It's not as good as an spfx webpart but may be an interim solution.
- Last time I tried this it didn't work, but I think it was actually when you try to add a SharePoint page to a Teams tab with embed it won't work and throws Iframe error because this was the first thing that came to my mind too!
Anyway, good solution!
Hi, I am not sure if it was answered or not but I want to mention that adding the link in an embed WebPart the calendar with the URL + the query parameter IsDig=1 works for me.
One consideration, the IsDig is case sentitive.
e.g: https://mytenant.sharepoint.com/sites/mysite//Lists/Events/Calendar.aspx?IsDlg=1
In this case it removes the navigation, hides the ribbon at the top and the side menu.
Thanks
- Thanks. This works for the classic calendars but not for the modern calendars I mean list -> new item -> calendar.
I tried your suggestion today. Here's what I enter for my embedded code:
https://tenant.sharepoint.com/sites/sitename/Events/calendar.aspx?IsDlg=1
and it still shows the Events tab and Calendar tabAny way to hid these tabs as well?
- Out of the Box it’s not possible in modern. You’ll have to look into a calendar spfx webpart and install it.
Would be good if it were an OTB solution, in particuar since available in classic
This is very easy to install. In fact let me see if I can just share the SharePoint package. You can add it to your app catalog(this needs setup if you don't have one) and you can have a modern calendar that ties to any event list, it works great actually. Added it to Teams too. You can edit the code for this and even make it a tab you can add to Teams as well, but I haven't done that just yet.
Github
https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-calendarLink to a pre-built solution file: https://webbtech365-my.sharepoint.com/:u:/g/personal/cwebb_webbtech_org/EeK9Cof1TMVGowouuAGA7UwB6_AMAeGqjAvHgvOfPjwoDQ?e=8ARZrc
Toby McDaidYes, this feature is sadly missing. Yu can embed a calendar view using the EMBED web part, but I have never had very good results with that!
- Thanks Toby - lets hope it is in the pipeline!
Microsoft is currently rolling out the calendar view feature for modern SharePoint Online and Microsoft lists, Roadmap.
Using this you can create a modern calendar view in your SharePoint lists and you can add these calendar views to modern pages. Check below links for more information:
- Create a modern Calendar view in SharePoint Online/Microsoft Lists
- Add Modern Calendar to a SharePoint Online page
Please click Mark as Best Response if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
- The only hiccup is you can't drop the event as an actual event to your calendar like you can with spo calendar.. so not really a fix.
- I am trying to do the same thing, except my calendar is a M365 Group calendar. Is there a way to customize the view to show the full monthly calendar within the webpart instead of tiles? I have tried using the Events webpart and Calendar webpart in the Modern SP interface, and neither webpart has this functionality. TIA!
Nina
