Versions Compared

Old Version 4

changes.mady.by.user Sherral Trotter

Saved on

compared with

New Version 5

changes.mady.by.user Sherral Trotter

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Navigate to the Cascade page where you want to add the calendar.

  2. In the Source Code editor, place the Embed Code where you want the calendar to appear. It will look something like this:  

    Code Block
    <iframe src="https://calendar.google.com/calendar/embed?src=your_calendar_id" 
style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

  3. Save and publish the pageClick the Submit button to save changes. Your Google Calendar should now be visible on your page.

  4. Publish this page to view the Calendar page on your live site.

Adding Microsoft Outlook Calendar:

...

  • Navigate to the Cascade page where you want to add the calendar.

  • In the Source Code editor, place the embed code where you want the calendar to appear. The code will look something like this:  

    Code Block
    <iframe src="https://outlook.live.com/owa/calendar/your_calendar_id" 
style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

  • Save and publish the pageClick the Submit button to save changes. Your Microsoft Outlook Calendar should now be visible on your page.

  • Publish this page to view the Calendar page on your live site.

Info

Replace your_calendar_id with your actual calendar ID in the src attribute of the iframe.

Remember that the styling of the iframe (including the width and height) can be adjusted to suit your page's design. It's also essential to note that certain calendar settings may impact who can view your calendar, so always check those permissions.

...