title: How to create dialog with percentage height in primefaces
body: <p>I would like to create a <code>p:dialog</code> component in primefaces with the size given in percents:</p>
  
  <pre><code>&lt;p:dialog header="Dialog" widgetVar="dlg" width="70%" height="70%"&gt;
    Some content
  &lt;/p:dialog&gt;
  </code></pre>
  
  <p>The code above creates a component with the right width value. However height of the dialog is set to some very minimum value (definitely not 70%). </p>
  
  <p>My question is: how can I set percentage height to the dialog?</p>
  
  <p>I did some research and found in primefaces code that <code>height</code> value is explicitly <a href="https://code.google.com/p/primefaces/source/browse/primefaces/trunk/src/main/resources/META-INF/resources/primefaces/dialog/dialog.js?r=7056#34" rel="nofollow">set to 'auto'</a> and height attribute is <a href="https://code.google.com/p/primefaces/source/browse/primefaces/trunk/src/main/resources/META-INF/resources/primefaces/dialog/dialog.js?r=7056#37" rel="nofollow">assigned to content div</a>. This explains why my code doesn't work, but what can I do to overcome this issue?</p>