PrimeFaces ConfirmDialog

It is an advanced version of JavaScript confirmation box. It includes various features like: skinning, customization and avoiding pop up blockers. It is used to create a confirmation dialog box to get user response.

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

ConfirmDialog Attributes

Attribute	Default value	Type	Description
id	null	String	It is an unique identifier of the component.
message	null	String	It is used to set text to be displayed in body.
header	null	String	It is used to set text for the header.
severity	null	String	It is used to set message severity for the displayed icon.
width	auto	Integer	It is used to set width of the dialog in pixels.
height	auto	Integer	It is used to set width of the dialog in pixels.
style	null	String	It is used to set inline CSS of the dialog container.
closable	true	Boolean	It is used to define if close icon should be displayed or not.
appendTo	null	String	It is used to append the dialog to the element defined by the given search expression.
visible	false	Boolean	Whether to display confirm dialog on load.
global	false	Boolean	When enabled, confirmDialog becomes a shared for other components that require confirmation.
responsive	false	Boolean	In responsive mode, dialog adjusts itself based on screen width.

Example

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

JSF File

// confirmDialog.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>ConfirmBox</title>
</h:head>
<h:body>
<h:form>
<p:growl id="message" showDetail="true" />
<p:commandButton value="Delete record" actionListener="#{confirmBox.confirm}" update="message">
<p:confirm header="Confirmation" message="Are you sure?" icon="ui-icon-alert" />
</p:commandButton>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
</p:confirmDialog>
</h:form>
</h:body>
</html>

ManagedBean

// ConfirmBox.java

package com.javatpoint;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;
@ManagedBean
public class ConfirmBox {
public void confirm() {
addMessage("Delete record","Record has been deleted.");
}
public void addMessage(String summary, String detail) {
FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary, detail);
FacesContext.getCurrentInstance().addMessage(null, message);
}
}

Output: