Question

在我的Web应用程序中，我希望以对话框正好出现在我的网页中间的方式修复primefaces对话框的高度和宽度，如果想要最小化窗口，那么对话框也应该最小化。我的意思是我的一个框架中间不是整个窗口。

即。动态大小的对话框，如％width和height

感谢您的帮助...

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

试试这个，使用属性样式（或样式）：

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

查看更多here。

Answer 3

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

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

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

Answer 4

我尝试使用JS来修复高度以最小化对话框，但这仍然不适用于大内容：

<p:dialog widgetVar="dlg"
          header="header"
          modal="true"
          width="600"
          max-height="500"
          resizable="false"
          closeOnEscape="true"
          appendToBody="false"
          showEffect="clip"
          hideEffect="explode"
          onShow="PF('dlg').initPosition(); PF('dlg').getJQ().css('max-height', '500px');">

如何修复primefaces对话框的宽度和高度

4 个答案: