Centrar Dialog

Para centrar un dialogo debemos colocarlo dentro de un <h:panelGroup id="dialogomedia">

Invocar desde <p:commandButton/>

<p:commandButton icon="pi pi-pencil" update=":dialogomedia"
              value="#{msg['button.evidencias']}"
                  
              rendered="#{apruebaBoletasJefeUnidadController.haveEvidence(item)}"
              oncomplete=" PF('manageBoletasDialog').initPosition(); PF('manageBoletasDialog').show()"
              action="#{apruebaBoletasJefeUnidadController.saveToMediaContex(item.archivo)}"
             styleClass="edit-button rounded-button ui-button-success" process="@this">
           <f:setPropertyActionListener value="#{item}" target="#{apruebaBoletasJefeUnidadController.selectedMedia}"/>
</p:commandButton>

Por ejemplo

<h:panelGroup id="dialogomedia">
                     <p:dialog header="Boletas"  showEffect="fade"
                          modal="true"
                          dynamic="true" 

                          widgetVar="manageBoletasDialog" responsive="true"
                          width="50%"
                          style="width:20%;margin:0 auto"
                          position="center center" onShow="PF('manageBoletasDialog').initPosition()"

                          >
                    <p:outputPanel id="manage-boletas-content" class="ui-fluid">

                        <p:outputPanel rendered="#{not empty apruebaBoletasJefeUnidadController.selectedMedia}">
                            <div class="p-field">
                               <p:outputLabel value="#{msg['boletas.tipodeboleta']}"/> 
                                <p:outputLabel id="idboleta2" value="#{apruebaBoletasJefeUnidadController.selectedMedia.idboleta}"/>
                            </div>
                            <div class="p-field">
                                <p:outputLabel  value="#{msg['field.colaborador']}"/>
                                <p:outputLabel  value="#{apruebaBoletasJefeUnidadController.selectedMedia.user.name}"/>
                            </div>


                            <div class="p-field">
                                <p:outputLabel  value="#{msg['field.evidencia']}"  rendered="#{jMoordbMediaManager.isImage(apruebaBoletasJefeUnidadController.selectedMedia.archivo)}"/>
                                <p:graphicImage id="image" 
                                                width="80"
                                                height="80"   
                                                 rendered="#{jMoordbMediaManager.isImage(apruebaBoletasJefeUnidadController.selectedMedia.archivo)}"
                                                value="#{jMoordbMediaManager.generate(apruebaBoletasJefeUnidadController.selectedMedia.archivo)}" 
                                                stream="false" cache="false" />
                            </div>


                            <div class="p-field">
                                <p:commandButton id="downloaddisk1" value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop);"
                                                 icon="pi pi-arrow-down" styleClass="p-mr-2">

                                    <p:fileDownload value="#{jMoordbMediaManager.media}"/>
                                </p:commandButton>

                            </div>

                            <div class="card">
                                <h5><p:outputLabel value="#{msg['field.evidencia']}" rendered="#{jMoordbMediaManager.isPDF()}"/></h5>
                                <p:media value="#{jMoordbMediaManager.media}"
                                          rendered="#{jMoordbMediaManager.isPDF()}"
                                         player="pdf" width="100%" height="300px">
                                    Your browser can't display pdf,
                                    <h:outputLink
                                        value="#{jMoordbMediaManager.media}">click</h:outputLink> to download pdf instead.
                                </p:media>
                            </div>

                        </p:outputPanel>
                    </p:outputPanel>
                </p:dialog>
</h:panelGroup>

Last updated