javascript - 如何更改jsf primefaces中确认框的位置？

我在JSF中使用primefaces确认框。该对话框在页面末尾弹出，但我希望它在页面中央弹出。
在浏览器中使用inspect元素进行检查时，我在html代码下面得到提示，默认情况下，显示dilog框已定义内联CSS。我试图给CSS上课，但它没有用。



JSF代码：

<p:confirmDialog message= "Do you want to save your changes?"   showEffect="fade" widgetVar="Confirm" position="center">

<p:commandButton value="Yes" action="#{emdNew.save}" oncomplete="PF('Confirm').hide()" update=":form"/>

<p:commandButton value="No"  update="@form"  immediate="true" action="#{emdNew.no}" oncomplete="PF('Confirm').hide()" />

</p:confirmDialog>

有人请帮忙。提前致谢。

最佳答案

您可以使用appendTo属性定义<p:confirmDialog>应该居中的元素。我会尝试使用以下值：

<p:confirmDialog appendTo="body" ...></p:confirmDialog>

另一种方法是重写.ui-dialog类的默认样式：

.ui-class {
   top: 50%;
   left: 50%;
}

请注意在默认的PrimeFaces CSS之后包含您的自定义样式表。

我无法测试此atm，但希望它能帮助您解决问题。请参阅docs以获取更多信息。