Dialog - Basic

Dialog visibility is managed by using show() and hide() methods of the client side api.

Basic Dialog
Resistance to PrimeFaces is futile!
Modal Dialog
This is a Modal Dialog.
This dialog has nice effects.


<h:panelGrid columns="1" cellpadding="5">
    <p:commandButton id="basic" value="Basic" onclick="PF('dlg1').show();" type="button" />

    <p:commandButton id="modalDialogButton" value="Modal" onclick="PF('dlg2').show();" type="button"/>

    <p:commandButton id="effectsDialogButton" value="Effects" onclick="PF('dlg3').show();" type="button" />

<p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1">
    <h:outputText value="Resistance to PrimeFaces is futile!" />

<p:dialog id="modalDialog" header="Modal Dialog" widgetVar="dlg2" modal="true" height="100">
    <h:outputText value="This is a Modal Dialog." />

<p:dialog header="Effects" widgetVar="dlg3" showEffect="explode" hideEffect="bounce" height="100">
    <h:outputText value="This dialog has nice effects." />