Cannot create calendar on home page of O365 group site that shows the month

Margaret 6 Reputation points
2020-07-22T19:10:59.81+00:00

I have been asked to put a monthly calendar on the home page of the SharePoint online site for an O365 group. I cannot find any way to display a monthly calendar like I can do on other site pages. It just shows an event list. The only 2 options for web parts are the group calendar or events. They both display as an event list.

Here is how the home page calendar looks: 13269-home-page-calendar.jpg

Here is how the calendar looks on another page:
13317-another-page-calendar.jpg

Is there any way to make the calendar on the home page look like the calendar on another page? I have looked thru all the possible settings and cannot find a way to do this.

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,160 questions

2 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Jerry Xu 256 Reputation points
    2020-07-23T02:11:08.89+00:00

    If only want to display the calendar in the modern experience page like this, Here is a solution I found. It works in my end properly.

    large

    You can try these below steps,

    On the calendar page(which you want to display on the modern page), edit the page, add one content edit web part and insert JavaScript code in the content edit web part. I attached the code in the first txt file.

    large

    On the modern page, embed the calendar page with code in the second txt,

    Remember to change the URL to the URL of your calendar

    Reference: https://techcommunity.microsoft.com/t5/sharepoint/calendar-web-part-on-modern-pages/m-p/161291/page/2

    Below are the txt files holding codes

    13299-java-code-for-content-editor.txt
    13300-iframe-code-in-the-modern-page.txt

    0 comments
  2. Margaret 6 Reputation points
    2020-07-23T17:24:46.937+00:00

    The problem is that on the home page I don't get that edit ribbon that you show in your screenshot. This is all I get and all I can do is add a web part to a section:

    13516-edit-mode-home-page.jpg

    13490-edit-add-webpart.jpg

    If I go to another page, like the page I put the monthly calendar on, then I get the normal edit ribbon:
    13551-edit-ribbon.jpg

    However, it turns out this is no longer a problem because the site manager has redesigned the home page and put a link to the calendar page on it. So the calendar no longer needs to be on the home page. It just bugs me that I cannot edit the home page the same as the other pages on the site.