2666 views

External website URL in iFrame results in a blank CMS page

 

Problem
A CMS page containing an iFrame specifying the URL of an external website displays a blank page in the example below:


 

 

Symptoms
Launching a CMS page with an iFrame that contains the URL of an external site results in a blank page and the following console error in the Chrome Developer Tools Console:

  • Refused to display '<url specified within IFrame>' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'

  

Cause
This is related to mixed content blocking in browsers:

http://247support.custhelp.com/app/answers/detail/a_id/11736/~/chrome-and-firefox:-blocked-mixed-(https-and-http)-content
Resolution
Displaying this content within an iFrame is not supported by the target domain/server (https://cloud.oracle.com in the above example) and browser security.

The solution is to not use an iFrame. For example, here is a link added to the Get Help section on the ess homepage that will open the link in a new page:



Article Information

Last Updated:2015-10-20 11:35:57
Published:2015-10-20