как исправить ширину и высоту диалогового окна простых лиц

Question

В моем веб-приложении я хочу зафиксировать высоту и ширину диалогового окна простых лиц так, чтобы диалоговое окно отображалось точно в середине моей веб-страницы, и если нужно свернуть окно, то диалоговое окно также должно быть свернуто.я имею в виду середину моего кадра, а не целое окно

то есть диалоговое окно с динамическим размером, например,% ширина и высота

спасибо за любую помощь ...

Answer 1

Вы можете использовать следующий код, чтобы сделать его фиксированного размера,

<p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" width="300" height="200">  
    <h:outputText value="This is a Modal Dialog." />  
</p:dialog>    

и минимизировать функциональность.Вы можете поиграть с JavaScript, чтобы сделать это.

См. также

• Primefaces Show case

Answer 2

Попробуйте, используйте стиль атрибута (или класс стилей):

<p:dialog ... modal="true" style="width:50% !important; height:40% !important; top:25% !important; left: 30% !important;">
  <!-- any components -->
</p:dialog>

Подробнее здесь .

Answer 3

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

<p:dialog widgetVar="dlg"
          header="header"
          modal="true"
          width="600"
          max-height="500"
          resizable="false"
          closeOnEscape="true"
          appendToBody="false"
          showEffect="clip"
          hideEffect="explode"
          onShow="PF('dlg').initPosition(); PF('dlg').getJQ().css('max-height', '500px');">