如何修復primefaces對話框的寬度和高度

Question

在我的web應用程序中，我想以對話框完全出現在我的網頁中間的方式修復primefaces對話框的高度和寬度，並且如果想要最小化窗口，那麼對話框也應該最小化。 我的意思是我的一個框架不是整個窗口的中間。

即動態大小的對話框喜歡％的寬度和高度

感謝您的幫助......

Answer 1

您可以使用下面的代碼，使之固定尺寸，

<p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" width="300" height="200"> 
    <h:outputText value="This is a Modal Dialog." /> 
</p:dialog>  

，並儘量減少功能。你可以使用JavaScript來完成它。

此外

• Primefaces Show case

Answer 2

見試試這個，使用屬性風格（或的styleClass）：

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

查看更多here。