PrimeFaces DialogFramework верхнего расположения

Question

Я использую PrimeFaces 6 и хочу позиционировать диалог вверху:

options.put("position", "top");

Однако это не работает. Есть ли способ центрировать диалог сверху?

Я довольно отчаянный Сейчас

Answer 1

Согласно Primefaces Руководство пользователя 6,0

Позиция

диалогом по умолчанию расположен в центре видового экрана и позиции опции используется для изменения расположение диалога. Возможные значения:

• Одно значение строки, как «центр» , «левый», «правый», «сверху», «снизу», представляющий позицию в пределах просмотра.

• Разделенный запятыми х и у значений координат, как 200, 500

• разделенные запятой значения позиций, как «сверху», «правый». (Используйте одинарные кавычки при использовании комбинации)

Некоторые примеры описаны ниже;

<p:dialog position="top" ...> 

<p:dialog position="left,top" ...> 

<p:dialog position="200,50" ...> 

Answer 2

Я знаю, вы хотели бы установить позицию primefaces внешнего диалога (диалог рамочный). Вы не можете style or css в диалог, потому что это обертывание ifram.

Но, это нормально применять css сгенерировано div. Это div идентификатор formId + commendLinkId or commendButtonId + _dlg

Пример

<h:form id="myForm"> 

    <p:commandButton id="myDialgoBtm" value="Select" action="...." immediate="true"> 
     <p:ajax ..../> 
    </p:commandButton> 

</h:form> 

Client/Брауэр Источник

<div id="myForm:myDialogBtn_dlg" ..> 
    <div ....> 
     //this is bor title bar of dialog 
    </div> 
    <div ....> 
     //this is bor content of dialog 
     <ifarm ....> 
      //here your external dialog page     
     </ifarm> 
    </div> 
</div> 

если да, то id из div будет myForm:myDialogBtn_dlg. Вы можете проверить его в браузере.

Пример CSS для диалога

#myForm\:myDialogBtn_dlg { 
    top: 0px!important 
} 

Я не думаю, что будет лучше решение, в настоящее время, я могу решить эту проблему путем вышеописанным способом.