Primefaces对话框设置高度一半屏幕大小答案

【问题标题】：Primefaces dialog to set height half screen sizePrimefaces对话框设置高度一半屏幕大小
【发布时间】：2016-02-03 01:47:12
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

首先定义一个css类

.autoWidthDialog {
    width: auto !important;
}

然后在你的对话框中使用上面的css

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

这是一个非常古老的解决方法，可能在最新的 Primefaces 中他们添加了 autosize 属性。

另一种解决方案是使用带有样式属性的样式

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

</p:dialog>

【讨论】：