p: диалог появляется внизу, когда p: blockUI нацеливает его

Question

У меня есть диалоговое окно PrimeFaces, в котором есть две команды, которые выполняют некоторый код в бэкэнде. Я хочу заблокировать диалог внутри действия.

Мне удалось сделать это с помощью blockUI, но когда присутствует блокUI, и я открываю диалоговое окно, оно появляется в нижней части страницы.

Если я удалю компонент blockUI, диалоговое окно открывается в центре страницы, как я хочу. Но я хочу, чтобы это было сосредоточено и с blockUI.

 <p:dialog header="Attention" id="dialog" position="center" 
      widgetVar="dialog" modal="true" closable="false" 
      dynamic="true" closeOnEscape="false"> 

     <div class="internal-margin-top"> 

       <h:outputText value="Location" styleClass="ui-outputtext" /> 
       <p:inputText value="#{activityBean.location}" 
        id="inputLocation" maxlength="15"> 
       </p:inputText> 

      </div> 
      <div class="internal-margin-bottom"> 
       <p:commandButton id="closureYes" value="Yes" 
        styleClass="btn-green" 
        onstart="PF('block').show();" 
        oncomplete="PF('dialog').hide(); PF('block').hide();" 
        action="#{activityBean.processItem()}" process="@all"> 
       </p:commandButton> 
       <p:commandButton id="closureNo" value="No" 
        styleClass="btn-red" 
        onstart="PF('block').show();" 
        oncomplete="PF('dialog').hide(); PF('block').hide();" 
        action="#{activityBean.processActivity()}" process="@all" /> 
      </div> 
     </p:dialog> 

      <p:blockUI block="scrapDialog" widgetVar="block"> 
       <p:graphicImage library="images" name="loading_bar.gif" /> 
      </p:blockUI> 

Заранее спасибо.

Answer 1

Пример с диалогами центрированных модальными:

<p:dialog header="Header" position="center" widgetVar="wv_dialog" modal="true" closable="false" dynamic="true" closeOnEscape="false"> 
     <h:form id="dialogform"> 
      <p:panelGrid columns="1"> 
       <p:inputText value="test"/> 
       <p:inputText value="test"/> 
       <p:inputText value="test"/> 
       <p:inputText value="test"/> 
      </p:panelGrid> 
      <p:commandButton id="closebutton" 
       value="Close" 
       oncomplete="PF('wv_dialog').hide();" 
       action="#{testBean.actionTest()}" 
       process="@form"/> 
      <p:blockUI block="dialogform" trigger="closebutton"/> 
     </h:form> 
    </p:dialog>