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

回答