2

So I'm trying to figure out a way to put a SharePoint calendar (or rather SharePoint Event List) into my custom home page. Basically, my home page has a tabbed section and on one of the tabs, I want to include a web part or something of the sort.

Each tab is different, one has buttons which open links, another tab has a table with contact information, another tab has a weather widget, and on the last tab, I want it to show our public calendar, but I can't figure out a way to just get the calendar portion.

I have tried using an <iframe...> but that doesn't work. I've tried other things, but can't get them to work. I've got enough knowledge in SharePoint and HTML to be dangerous, and if I don't understand something, I can figure it out.

Can anyone help?

12
  • Is this modern experience page or classic page? How did you add the tabs on home page? Also, your event list is classic "Calendar" list or custom list with calendar view? Jul 1 at 10:39
  • My page is Classic and I added the tabs through the Embed code webpart. I didn't build the calendar, it was there when i started, but it says it's an Event List and it has a default calendar view. Jul 1 at 11:15
  • Ah classic page, it would have been easier to add tabs on modern pages with this upcoming feature - SharePoint: Collapsible sections on modern pages. Jul 1 at 11:54
  • Did you try adding iframe like this: <iframe src="https://<tenant>.sharepoint.com/sites/siteName/Lists/ListName/ViewName.aspx" width="100%" height="600"></iframe>? You can find full embed code at: Add Modern Calendar to a SharePoint Online page. Jul 1 at 11:56
  • Yeah, I got into this position and the site was already established and the managers don't know when/if they will be transitioning to the modern page. But in regards to this, that one does show the page with the calendar view on it, but it shows the whole page, top nav bar, left nav bar, and all the other items on the page, not just the calendar. Jul 1 at 12:27
1

Try adding iframe code like this:

<iframe
    src="https://<tenant>.sharepoint.com/sites/siteName/Lists/ListName/ViewName.aspx"
    width="100%"
    height="600">
</iframe>

You can find full embed code at: Add Modern Calendar to a SharePoint Online page

Update:

To hide navigation & see the calendar in full screen/expanded mode, add ?IsDlg=1 at the end of calendar URL like:

https://tenant.sharepoint.com/sites/siteName/Lists/ListName/ViewName.aspx?IsDlg=1

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.