Centrar Dialog
Last updated
Was this helpful?
Last updated
Was this helpful?
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>