Published Outlook Calendar in an Iframe

Question

Hello,

About 3 years ago, I placed a published Outlook Calendar into my company's internal web site using an iframe:

<iframe src="{{linkToThePublishedCalendar}}" scrolling="no" width="100%" height="700px;" frameborder="0"></iframe>

It's been working without any issues all this time. A few days ago, all of a sudden, it stopped showing and started displaying an "outlook.office365.com refused to connect." error.

The browser (Google Chrome) console shows the following error:

chromewebdata/:1 Refused to display 'https://outlook.office365.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

And the status of the network request for calendar.html is displayed as (blocked:other). Its response headers indeed contain the X-Frame-Options header, with the value of "SAMEORIGIN".

I researched bypassing this issue, but found no easy solution. How can one embed an outlook calendar into a custom web page without an iframe?

The web has many examples of embedding an Outlook Calendar using an iframe, including some from Microsoft .

Please advise.

Answer 1

if iframe unavailable, publish .ics file or create your own calendar?