title: jQuery UI dialog dynamic height and width
body: <p>I'm using jQuery UI dialog with an iframe:</p>
  
  <pre><code>function showDialog(url, title, refresh){           
      var horizontalPadding = 30;
      var verticalPadding = 30;
      var width = 650; height = 800;
      $('&lt;iframe id="modalIframeId" allowtransparency="true" style="background-color:#c0c0c0;" frameborder="0"  class="ModalIFrame" src="' + url + '" /&gt;')
          .dialog({
              title: title,                
              width: width,
              height: height,
              modal: true,
              resizable: true,
              autoResize: true,
              close: function(ev, ui) {
                  if(refresh)
                      location.reload();
                  else
                      $(this).close();
              },
              overlay: {
                  opacity: 0.7,
                  background: "black"
              }
          })
          .width(width - horizontalPadding)
          .height(height - verticalPadding);  
      return false;
  }
  </code></pre>
  
  <p>Is it possible to set <code>width</code> and <code>height</code> like window size?</p>
  
  <p>thanks</p>