Ajax Core

Input

Button

Button CommandButton CommandLink SplitButton

Data

Panel

Overlay

Menu

Charts

Message

Growl Messages

Multimedia

File

DragDrop

Draggable DataGrid DataTable Football

Misc

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.
Effects
This dialog has nice effects.

Source

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

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

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

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

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

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