RichFaces <rich:messages>

This component works similar to the <rich:message> component and automatically rendered after an Ajax request. It is used to display all the validation messages of the current web page collectively.

It doesn't require any extra attributes for basic usage. To limit the messages to a specific component, we can use the for attribute to refer the component.

Style classes and skin parameters

The following table contains the style classes and corresponding skin parameters for the messages.

Class (selector)	Function	Skin Parameters	Mapped CSS properties
.rf-msgs	It is used to define styles for the message itself.	generalFamilyFont generalSizeFont	font-family font-size
.rf-msgs-err	It is used to define styles for an error message.	errorColor	color
.rf-msgs-ftl	It is used to define styles for a fatal message.	errorColor	color/td>
.rf-msgs-inf	It is used to define styles for an information message.	generalTextColor	color
.rf-msgs-wrn	It is used to define styles for a warning message.	warningTextColor	color
.rf-msgs-ok	It is used to define styles for a basic OK message.	generalTextColor	color
.rf-msgs-sum, .rf-msgs-det	These classes define styles for the summary or details of a message.	No skin parameters.

Example

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

JSF File

// rich-messages.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view>
<h:head>
<title>Rich Messages </title>
</h:head>
<h:body>
<h:form>
<h:outputText value="User Name " />
<h:inputText label="user name"
id="user-name"
required="true"
value="#{user.name}">
<f:validateLength minimum="5" maximum="20" />
</h:inputText><br/>
<h:outputText value="Email - - ID " />
<h:inputText label="email"
id="email"
required="true"
value="#{user.email}">
<f:validateLength minimum="10" maximum="50" />
</h:inputText>
<rich:messages/><br/><br/>
<h:commandButton value="submit"/>
</h:form>
</h:body>
</f:view>
</ui:composition>

Managed Bean

// User.java

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class User {
String name;
String email;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
}

Output: