Published Outlook Calendar in a Custom Web Site

Outlook Calendar User 20 Reputation points
2023-08-14T20:43:28.6766667+00:00

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. Recently, 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 do contain the X-Frame-Options header, with the value of "SAMEORIGIN".

How can one embed an outlook calendar into a custom web page without an iframe?

Please advise.

Outlook
Outlook
A family of Microsoft email and calendar products.
4,504 questions
Office Development
Office Development
Office: A suite of Microsoft productivity software that supports common business tasks, including word processing, email, presentations, and data management and analysis.Development: The process of researching, productizing, and refining new or existing technologies.
4,340 questions
0 comments No comments
{count} votes

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.