Primefaces对话框设置高度的一半屏幕尺寸

我正在使用Primefaces 5.1。在我的页面中，我使用对话框和高度属性。我需要将屏幕尺寸的70％设置为对话框，因为屏幕高度与所有系统不同，所以我需要设置动态高度。我需要什么JavaScript或CSS用于设置屏幕高度？Primefaces对话框设置高度的一半屏幕尺寸

<p:dialog widgetVar="dialogWidget" id="dialogId" position="center,top" height="height to set"> 
........ 
</p:dialog>

2016-02-03 prem

首先定义一个CSS类

.autoWidthDialog { 
    width: auto !important; 
}

然后在你的对话框

<p:dialog id="dialog" styleClass="autoWidthDialog" header="My dialog"> 
    ... content ... 
</p:dialog>

使用上面的CSS这是很老的办法解决这个，可能是他们增加了自动调整大小最新Primefaces属性。

另一种解决方案可以使用一些风格样式属性

<p:dialog ... modal="true" style="width:50% !important; height:40% !important; top:25% !important; left: 30% !important;"> 

</p:dialog>

2016-02-03 06:16:45

<p:dialog style="height: 70vh" ...或<p:dialog height="70vh" ...

2016-02-04 01:25:26

回答