Forum Discussion

Malene Friborg's avatar
Malene Friborg
Iron Contributor
Feb 20, 2018

calendar web part on modern pages

Any chance we can get an ordinary calendar web part on our modern pages?

Events web part is not enough and the group calendar is only for, well, groups :-)
We have the need for a modern page with a monthly calendar showing.
Thanks :-)

  • Malene Friborg 

     

    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:

    1. Create a modern Calendar view in SharePoint Online/Microsoft Lists
    2. 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.

     

  • zstjmb's avatar
    zstjmb
    Brass Contributor

    I really do need this too!!  We have many calendars on migrated sites that need to be displayed but they are not ready to jump to group calendars or only show events on a page.

  • DaithiG's avatar
    DaithiG
    Steel Contributor
    It's so annoying this isn't an inbuilt thing. Telling people not to use reoccurring appointments on the Events calendar is odd.
  • Beth Hall's avatar
    Beth Hall
    Iron Contributor

    Hi Guys,

    I've created a Power App to address some of the gaps with event calendars today.  The Power app takes data from 3 calendars on 3 sites, that aren't part of the same hub site, and mashes it up into an easy-to-consume snapshot view of the next 7 days.

     

    I'm using it to share multiple categories of date info in a segregated quick snapshot view:

    1. Official Company Events
    2. Notices and Alerts (maintenance windows, facility issues, etc)
    3. Employee Announcements (promotions, new hire start dates, assignment transitions, etc)

    If you're interested, check-out my article that goes into great detail.  I've also posted the Power App as a template you can download and tweak to use on your site.

     

     !! IMPORTANT NOTE ABOUT ALL LINKS: Since my original comment, I have retired the site that all this information is published on.  You can instead download from Dropbox here: 

    https://www.dropbox.com/sh/cua7ljey4n4a7h9/AAA0qD-jn_gyqDJTo7U8OSQ_a?dl=0

     

     

    • Papias's avatar
      Papias
      Copper Contributor

      Hey Beth Hall , I'd like to try out your solution but it seems the site you linked has been blocked. Is there another place you have posted it for me to see? I would really appreciate it

    • Beth Hall's avatar
      Beth Hall
      Iron Contributor

      Hi All, 

      I just released a significant update to this free calendar consolidation PowerApp template.

      • For PowerApp newbies, It now includes a quick step-by-step video tutorial on how to change my data sources to your calendars.
      • Bug fix with how SharePoint handles All Day events vs scheduled events--where some events didn't show correct time.
      • New landscape version that will take up less page real estate on SharePoint page.
      • Design alignment with look & feel of Calendar events in SharePoint.

      Check out the update release notes

       

       

    • Malene Friborg's avatar
      Malene Friborg
      Iron Contributor

      Wow, Beth Hall,

       

      That looks amazing. I will take a very close look at this.

      I am pretty sure that would be a solution to my problem with a real calendar web part. Teh Events web part is just not what we are looking for.... at al....

      Thanks for sharing!

    • Larry Corley's avatar
      Larry Corley
      Brass Contributor

      Honestly I've given up until MS modernized the web part and am upfront with admins and tell them either place the calendar at the very bottom of the page or as someone else suggested create a nice link directly to the calendar.

  • NHarzic's avatar
    NHarzic
    Iron Contributor

    I have tried the embed solution and it works okay-ish for displaying a calendar view. However, when you click to add an event the pop-up window does not line up properly (because of the margin settings) and that makes it impossible to add or amend bookings. The solution is clumsy and makes the page look amateurish--such a shame when I am trying to make pages look more slick not less so.

    I agree with everyone a calendar view for the modern UI is really needed. It is this sort of thing that makes it hard to move away from using the classic SharePoint UI. I would love to switch all my pages over but there is still so much basic functionality missing. 

    Microsoft Development Team please add this to your list of web-parts for the modern pages. Thank you.

  • Beth Hall's avatar
    Beth Hall
    Iron Contributor

    Hi All -

    I completely agree that a calendar web part is a real gap for SharePoint today.  

    There are a couple of UserVoice suggestions related to this that could use your votes.  

    On a related note, I have requested they expand the new Pages Metadata functions, to work within Calendars.  Please review that suggestion as well.

     

    Cheers

    • Russell Darroch's avatar
      Russell Darroch
      Copper Contributor
      Definitely. SP management seems to have lost their way on this attempt to have modern but with reduced functionality in so many areas. Will hurt MSFT in the market if they dont' get this sorted ASAP. I've been an Insider since the 1980s, the last time I saw a stuff-up of this magnitude was with an MS Access release where we *all* said "No, it isn't right, it isn't ready". This looks like the same kind of mess; they really need to listen to the feedback from those of us who work in production with their products every single day. Thanks for highlighting the discussion threads. Will take a look.
      • CANDEman403's avatar
        CANDEman403
        Brass Contributor

        I am sitting with Microsoft today looking at roadmap and features and I am seeing that "in their mind ahead" plan there is calendar experience within SharePoint!  So maybe, just maybe, something is coming that will get us excited?!?!

    • Joy_Stantec's avatar
      Joy_Stantec
      Copper Contributor

      Hi! I have been using this code to embed my calendars. Last week it magically stopped working and now the left and top nav that should be cut off with the margins are showing. 

       

      Any idea how to fix this and/or why it changed? No code changed on my pages. One minute the iframe margins worked, and the next time I opened the page, the iframe margins weren't working anymore.

       

      • georg1's avatar
        georg1
        Brass Contributor

        I'm having this exact problem with my calendar. I'm yet to try the script solution posted here, but I found an interim solution on reddit which may help some here: 

         

        Add ?isdlg=1 or &isdlg=1 to the end of your embedded address/URL. This popped up a bit of a spacey calendar, but it's better than the whole page. Hopefully Microsoft fixes this problem properly soon.

    • Robert Condas's avatar
      Robert Condas
      Brass Contributor

      I was using this on my Modern page in SharePoint and it worked fine, but yesterday something changed and now this is not working as before.  Now I see the entire Calendar site, not just the calendar itself.  It's like having a screenshot of the entire calendar site on my Modern page, and I can no longer use it when it does this.  Did this happen to anyone else yesterday?

       

      Thanks!

      • Joy_Stantec's avatar
        Joy_Stantec
        Copper Contributor

        Robert Condas I'm still having this same problem. I noticed the switch back in January as well. Has anyone figured out why the display isn't working correctly? (Areas trimmed by the margin styles are still showing.)

        Thanks!

    • Michael Wolf's avatar
      Michael Wolf
      Copper Contributor

      YuliyaHarada, there seems to be some space at the bottom that still scrolls. I tried adding the scrolling="no" but that doesn't work. would there be something that crops the bottom of the frame and to prevent it from scrolling. i also tried adding margin-bottom and was not able to get that to function properly as well. 

       

      thanks. 

      • YuliyaHarada's avatar
        YuliyaHarada
        Icon for Microsoft rankMicrosoft

        Unfortunately, I haven't been able yet to figure out how to get rid of that extra white space at the bottom...

  • Matt Coats's avatar
    Matt Coats
    Steel Contributor

    Event web part is what we get for the time being, at least in Modern experience. If the Classic web part is what suits your needs, you can make a Classic style page by making a Web Part Page in your Site Pages library and set that up according to your needs.

     

    I doubt the Events web part is the last word from SharePoint on Modern-izing the Calendar app (Microsoft's been slowly updating SharePoint site apps to the Modern experience), so at some point in the future I expect we'll see something more suitable to your needs.

    • R Naylor's avatar
      R Naylor
      Brass Contributor

      "I doubt the Events web part is the last word from SharePoint on Modern-izing the Calendar app (Microsoft's been slowly updating SharePoint site apps to the Modern experience)"

       

      Slowly? that's an understatement. Probably about 2 years in and yet still no Calendar update. They've probably moved on to the next big shiny thing, like they do and will leave "modern" half finished.

      • Hankster's avatar
        Hankster
        Copper Contributor

        R Naylor 

        Have we had any update on when SharePoint Online is going to provide a decent Calendar web Part? I'm pretty sure most smaller companies using SharePoint are wanting to have a Leave Calendar on the landing page and not have it broken down in to teams or have to do convoluted Web coding to get it working. 

Resources