Я использую PrimeFaces «global» p: ConfirmDialog и используя тег p: Confirm, чтобы вызвать его для нажатия команды CommandButton. У меня есть две проблемы с этим - я дам им каждый свой вопрос, поэтому каждый ответ может быть принят отдельно.Диалог подтверждения PrimeFaces не центрирован
Диалог подтверждения отображается в левом верхнем углу, а не в центре страницы.
Я заметил, что был задан другой вопрос, подобный этому here, но я не уверен, что моя проблема связана с проблемой RichFaces, хотя я также использую RichFaces в моем приложении. И этот вопрос, похоже, не отвечает.
Вот мой соответствующий код:
<p:commandButton \t
\t title="#{text['delete']}"
\t icon="fa fa-trash"
\t process="@form"
\t update="@form"
\t action="#{manageOrgHierarchy.deleteUserPermissions(p)}" >
\t <p:confirm
\t \t header="#{text['confirm']}"
\t \t message="#{text['confirm.sure']}"
\t \t icon="fa fa-alert" />
</p:commandButton>
<p:confirmDialog
global="true"
showEffect="fade"
hideEffect="fade" >
<p:commandButton
value="Yes"
type="button"
styleClass="ui-confirmdialog-yes"
icon="ui-icon-check" />
<p:commandButton
value="No"
type="button"
styleClass="ui-confirmdialog-no"
icon="ui-icon-close" />
</p:confirmDialog>
Как использовать атрибут appendToBody? В качестве альтернативы вы можете установить свойство 'top' и' left' атрибута style на 50%. –
Я пробовал appendToBody, как я это видел в ответе на форумах с интерфейсами - он ничего не менял. Я немного nooby в отношении css - не знаю, где изменить соответствующий атрибут стиля, но, похоже, мне не нужно устанавливать это, поскольку это должно быть значение по умолчанию, не так ли? – Ramesh
Как и в другом вопросе. Создайте минималистский пример. Скорее всего, когда он становится все более минималистичным, он внезапно начинает работать. ;-) Тогда у вас есть ключ к тому, что вызывает это. Моя ставка - пользовательский css ... – Kukeltje