Question

我使用PrimeFaces 6并希望将对话框置于顶部：

options.put("position", "top");

然而，这不起作用。有没有办法将对话框放在最上面？

我现在非常绝望

Answer 1

根据Primefaces用户指南6.0

<强>位置

默认情况下，对话框位于视口的中心，位置选项用于更改对话框的位置。可能的值是;

•单个字符串值，如'center'，'left'，'right'，'top'，'bottom'表示其中的位置视口。

•逗号分隔x和y坐标值，如200,500

•逗号分隔的位置值，如'top'，'right'。（使用组合时使用单引号）

下面介绍了一些示例;

<p:dialog position="top" ...>

<p:dialog position="left,top" ...>

<p:dialog position="200,50" ...>

Answer 2

我知道，您希望将位置设置为 primefaces外部对话框（对话框架）。您无法style or css进行对话，因为ifram包裹了它。

但是，可以将css应用于生成的div。此div ID为formId + commendLinkId or commendButtonId + _dlg

示例

<h:form id="myForm">

    <p:commandButton id="myDialgoBtm" value="Select" action="...." immediate="true">
        <p:ajax ..../>
    </p:commandButton>  

</h:form>

客户/浏览器来源

<div id="myForm:myDialogBtn_dlg" ..>
    <div ....>
        //this is bor title bar of dialog
    </div>
    <div ....>
        //this is bor content of dialog
        <ifarm ....>
            //here your external dialog page                
        </ifarm>
    </div>
</div>

如果是这样，id的{{1}}将是div。您可以在浏览器中进行检查。

对话框的示例CSS

myForm:myDialogBtn_dlg

我不认为，这将是更好的解决方案，目前，我通过上述方式解决了这个问题。

Answer 3

我正在寻找解决方案，但找到它的唯一方法是：

.ui-dialog { top：100px！重要 }

我将此代码放在

PrimeFaces DialogFramework顶部定位

3 个答案: