115

PrimeFaces Dialog

It is a panel component which can overlay other elements on page. It is used to create a pop-up that can be used to display other elements too. It provides two methods show() and hide() to manage visibility of the component.

The <p:dialog> is used to create dialog box in JSF application. It also has various attributes that are tabled below.

Dialog Attributes

Attribute	Default value	Type	Description
header	null	String	It is used to set text of the header.
draggable	true	Boolean	It specifies draggability.
resizable	true	Boolean	It specifies resizability.
modal	false	Boolean	It enables modality.
visible	false	Boolean	When enabled, dialog is visible by default.
width	auto	Integer	It is used to set width of the dialog.
height	auto	Integer	It is used to set height of the dialog.
minWidth	150	Integer	It is used to set minimum width of a resizable dialog.
minHeight	0	Integer	It is used to set minimum height of a resizable dialog.
style	null	String	It is used to set inline style of the dialog.
showHeader	true	Boolean	It defines visibility of the header content.
positionType	fixed	String	It defines whether dialog will be kept in viewport on scroll or keep its position.
responsive	false	Boolean	It is used to make component responsive.
footer	null	String	It is used to set text of the footer.

Example

Here, in the following example, we are implementing <p:dialog> component. This example contains the following files.

JSF File

// dialog.xhtml

Output: