title: jQuery dialog dynamic height
body: <p>I am looking for a way to make jQuery UI Dialog height dynamically change according to the contents.</p>
  
  <p>Here is my code:</p>
  
  <pre class="lang-js prettyprint-override"><code>$( "#dialog-modal_"+productID ).html( "&lt;iframe src='index.php?act=showProduct&amp;amp;id="+productID+"' width='100%' height='100%' frameborder='0' scrolling='no'&gt;&lt;/iframe&gt;" );
  
  $( "#dialog-modal_"+productID ).dialog(
  {
      width: 810,
      height: 590,
      resizable: false,
      modal: true,
      open: function(event, ui)
      {
      }
  });
  </code></pre>
  
  <p><br />
  Is there anyway to do so?</p>