PrimeFaces Growl

It is a notification widget which is used to display FacesMessages. It is similar to standard h:messages component of JSF. We can place growl to anywhere in our application's web page. The location of growl in JSF application does not matter.

By default it displays for 6000 ms after that hides. We can stick it by setting true. It has various other attributes that are tabled below.

Growl Attributes

Attribute	Default value	Type	Description
sticky	false	Boolean	It is used to specify that the message should stay instead of hidden automatically.
showSummary	true	Boolean	It is used to show summery of the message.
showDetail	false	Boolean	It is used to show detail of message.
globalOnly	false	Boolean	It is used to set globally.
life	6000	Integer	It is used to set display time of the message.
autoUpdate	false	Boolean	It is used to set auto update mode.
redisplay	true	Boolean	It is used to redisplay message.
for	null	String	It is used to set name of associated key.
escape	true	Boolean	It defines whether html would be escaped or not.
severity	null	String	It is a comma separated list of severities to display only.

Example

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

JSF File

// growl.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>Growl Messages</title>
</h:head>
<h:body>
<h:form>
<p:growl id="growl" showDetail="true" sticky="true" />
<p:panel header="User Login">
<h:panelGrid columns="2" cellpadding="5">
<p:outputLabel for="username" value="User Name: " />
<p:inputText id="username" value="#{growl.username}" required="true" />
</h:panelGrid>
<h:panelGrid columns="2" cellpadding="5">
<p:outputLabel for="password" value="Password: " />
<p:password id="password" value="#{growl.password}" required="true" />
</h:panelGrid>
<p:commandButton value="login" actionListener="#{growl.displayMessage}" update="growl" />
</p:panel>
</h:form>
</h:body>
</html>

ManagedBean

// Growl.java

package com.javatpoint;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;
@ManagedBean
public class Growl {
private String username;
private String password;
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public void displayMessage() {
FacesContext context = FacesContext.getCurrentInstance();
context.addMessage(null, new FacesMessage("Login Successfuly", "Welcome: " + username));
}
}

Output: