如何固定一个对话框的宽度和高度

Question

在我的web应用程序中，我想要固定一个PrimeFaces p:dialog的高度和宽度，以对话框恰好出现在我的网页中间的方式，如果想要最小化窗口，那么对话框也应该最小化。

我的意思是中间的一个框架，而不是整个窗口。例如，动态大小的对话框，如%宽度和高度。

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展示

Answer 2

试试这个，使用style(或styleClass)属性:

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

Answer 3

如果使用p-dialog，则需要使用内置的styleClass属性。

.my-style-class {
    width: 50%;
    height: 70%;
}

<p-dialog styleClass="my-style-class"><p-dialog>

Answer 4

您可以使用以下代码将其设置为固定尺寸，

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

并使功能最小化。