Page Comparison

...

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

   

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

   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>

   Image Modified

3. Save and publish the page. Your Google Calendar should now be visible on your page.
   

   

...

Get Your Calendar Embed Code

1. Log into your Outlook on the web.

2. Go to your Calendar, select the calendar you want to embed and click Settings and View all Outlook settings.
   

   Image Modified

3. Click Shared Calendars.

4. In the section Publish a Calendar, choose the calendarand set the permissions you desire and click Publish.
   

   Image Modified

5. Click Publish and copy the HTML code provided.

Prepare the iframe Code

1. Take your published calendar URL and place it within an iframe HTML tag. Here's an example:
   

   Code Block
   <iframe src="your_published_calendar_url" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

   
   

   

2. Replace your published calendar URL with the link you received in step 25 above.
   

   

Embed the Code in Cascade

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

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

  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 page. Your Microsoft Outlook Calendar should now be visible on your page.

...