How to display an IFRAME inside a jQuery UI dialog

Question

The web application that I am upgrading uses jQuery and jQuery UI. I have replaced most instances of window.open and with j

Answer 1

Although this is a old post, I have spent 3 hours to fix my issue and I think this might help someone in future.

Here is my jquery-dialog hack to show html content inside an '); // create jquery dialog by a 'div' with 'iframe' appended $("

").append(wrapperIframe).dialog(modalProperties); // insert html content to iframe 'body' let wrapperIframeDocument = wrapperIframe[0].contentDocument; let wrapperIframeBody = $('body', wrapperIframeDocument); wrapperIframeBody.html(modalHtmlContent);

jsfiddle demo