我在 JSF 中使用 primefaces 确认框。该对话框在页面末尾弹出,但我希望它在页面中央弹出。 在检查浏览器中的检查元素时,我得到下面的 html 代码 whcih 默认显示 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了解更多信息。
关于javascript - 如何更改jsf primefaces中确认框的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30702637/