2015-07-27 6 views
1

Я использую 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>

+0

Как использовать атрибут appendToBody? В качестве альтернативы вы можете установить свойство 'top' и' left' атрибута style на 50%. –

+0

Я пробовал appendToBody, как я это видел в ответе на форумах с интерфейсами - он ничего не менял. Я немного nooby в отношении css - не знаю, где изменить соответствующий атрибут стиля, но, похоже, мне не нужно устанавливать это, поскольку это должно быть значение по умолчанию, не так ли? – Ramesh

+1

Как и в другом вопросе. Создайте минималистский пример. Скорее всего, когда он становится все более минималистичным, он внезапно начинает работать. ;-) Тогда у вас есть ключ к тому, что вызывает это. Моя ставка - пользовательский css ... – Kukeltje

ответ

0

Это был вызван несвязанной JavaScript в разделе меню, который объявлен jquery.js библиотеки. Когда я удалил оскорбительный импорт, все странные ошибки Primefaces исчезли. Кажется, что объявление других библиотек jquery мешает коду Primefaces.