$( "#tabs" ).tabs(); //makes the tabs work (inside Dlg)$( "#myDlg" ).dialog({  autoOpen: false,  title: 'Just a Q&D example - jQUI is super configurable',  width: 800,  closeOnEscape: true,  modal: true});  $('#btnOpenSesame').click(function(){   $('#myDlg').dialog('open');
});

iframe{min-width:1000px;min-height:500px;}

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script><!-- Above order of libraries is important --><h4>This example displays best in Full Screen (look for that link at top right of running example)</h4><button id="btnOpenSesame">Open Dialog</button><div id="myDlg">   <div id="tabs">     <ul>       <li><a href="#tabs-1">Wikipedia</a></li>       <li><a href="#tabs-2">ZeroHedge</a></li>       <li><a href="#tabs-3">Breitbart</a></li>     </ul>     <div id="tabs-1">       <iframe src="http://wikipedia.org"></iframe>     </div>     <div id="tabs-2">       <iframe src="http://zerohedge.com"></iframe>     </div>     <div id="tabs-3">       <iframe src="http://breitbart.com"></iframe>     </div>   </div><!-- #tabs --></div><!-- #myDlg -->