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

我在JSF中使用primefaces确认框。对话框在页面末尾弹出，但我希望它在页面中心弹出。 在浏览器中使用inspect元素进行检查时，我得到了下面的html代码，其中显示默认情况下已定义内联CSS的dilog框。我试图给它的类提供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 appendTo="body" ...></p:confirmDialog>

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

---

我不能测试这个自动取款机，但我希望这能帮助你解决你的问题。查看以获取更多信息。

如果在表单中使用

confirmDialog

，则需要这样编写

/*This code for dialog component*/

#formID\:dialogID {
  left: 5% !important;
  top: 15% !important;
}

/*This code for confirmDialog component*/

.ui-dialog {
  left: 5% !important;
  top: 15% !important;
}

---

但是使用

.ui对话框时要小心

嗨，拉尔斯，谢谢你的回复。我试着用appendTo=“@（body）”它对我不起作用。其他方式-.ui类也不工作：（可能重复

/*This code for dialog component*/

#formID\:dialogID {
  left: 5% !important;
  top: 15% !important;
}

/*This code for confirmDialog component*/

.ui-dialog {
  left: 5% !important;
  top: 15% !important;
}