This example shows a simple application capable of switching between different localized languages.

This example uses the <a4j:mediaOutput> component to generate a JPEG image of verification digits. The code on the application page is a single element:

<a4j:mediaOutput element="img" cacheable="false" session="false" createContent="#{mediaBean.paint}" value="#{mediaData}" mimeType="image/jpeg" />

The <a4j:mediaOutput> component uses the MediaBean.paint method to create the image. The method generates a random number, which is then converted into an output stream and rendered to a JPEG image. The MediaBean class is as follows:

package demo;


import java.awt.Graphics2D;

import java.awt.image.BufferedImage;

import java.io.IOException;

import java.io.OutputStream;

import java.util.Random;

import javax.imageio.ImageIO;


public class MediaBean {


    public void paint(OutputStream out, Object data) throws IOException {


        Integer high = 9999;

        Integer low = 1000;

        Random generator = new Random();

        Integer digits = generator.nextInt(high - low + 1) + low;


        if (data instanceof MediaData) {            

            MediaData paintData = (MediaData) data;

            BufferedImage img = new BufferedImage(paintData.getWidth(),paintData.getHeight(),BufferedImage.TYPE_INT_RGB);

            Graphics2D graphics2D = img.createGraphics();

            graphics2D.setBackground(paintData.getBackground());

            graphics2D.setColor(paintData.getDrawColor());

            graphics2D.clearRect(0,0,paintData.getWidth(),paintData.getHeight());

            graphics2D.setFont(paintData.getFont());

            graphics2D.drawString(digits.toString(), 20, 35);

            ImageIO.write(img,"png",out);

        }

    }

}

Another class, MediaData is required by the value attribute for keeping data to be used as input for the content creation method. The MediaData class is as follows:

package demo;


import java.awt.Color;

import java.awt.Font;

import java.io.Serializable;


public class MediaData implements Serializable {


    private static final long serialVersionUID = 1L;


    Integer Width=110;

    Integer Height=50;


    Color Background=new Color(190, 214, 248);

    Color DrawColor=new Color(0,0,0);


    Font font = new Font("Serif", Font.TRUETYPE_FONT, 30);


    /* Corresponding getters and setters */

    ...


}

This example shows the use of <rich:ajaxValidator> with Hibernate Validator. It validates the entered name, email, and age.

<h:form id="ajaxValidatorForm2">

    <rich:panel>

        <f:facet name="header">

            <h:outputText value="User Info:" />

        </f:facet>

        <h:panelGrid  columns="3">

            <h:outputText value="Name:" />

            <h:inputText value="#{validationBean.name}" id="name" required="true">

                <rich:ajaxValidator event="onblur" />

            </h:inputText>

            <rich:message for="name" />

            <h:outputText value="Email:" />

            <h:inputText value="#{validationBean.email}" id="email">

                <rich:ajaxValidator event="onblur" />

            </h:inputText>

            <rich:message for="email" />

            <h:outputText value="Age:" />

            <h:inputText value="#{validationBean.age}" id="age">

                <rich:ajaxValidator event="onblur" />

            </h:inputText>

            <rich:message for="age" />

        </h:panelGrid>

    </rich:panel>

</h:form>

The validation is performed using the ValidationBean class:

package org.richfaces.demo.validation;


import org.hibernate.validator.Email;

import org.hibernate.validator.Length;

import org.hibernate.validator.Max;

import org.hibernate.validator.Min;

import org.hibernate.validator.NotEmpty;

import org.hibernate.validator.NotNull;

import org.hibernate.validator.Pattern;


public class ValidationBean {


    private String progressString="Fill the form in";

    

    @NotEmpty

    @Pattern(regex=".*[^\\s].*", message="This string contains only spaces")

    @Length(min=3,max=12)

    private String name;

    @Email

    @NotEmpty

    private String email;

    

    @NotNull

    @Min(18)

    @Max(100)

    private Integer age;

    

    public ValidationBean() {

    }


    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;

    }


    public Integer getAge() {

        return age;

    }


    public void setAge(Integer age) {

        this.age = age;

    }

    public void success() {

        setProgressString(getProgressString() + "(Stored successfully)");

    }


    public String getProgressString() {

        return progressString;

    }


    public void setProgressString(String progressString) {

        this.progressString = progressString;

    }

}

This example shows the bean-based validation of a simple form, containing the user's name, email, and age. The <rich:beanValidator> component is defined in the same way as for JSF validators.

<h:form id="beanValidatorForm">

    <rich:panel>

        <f:facet name="header">

            <h:outputText value="#{validationBean.progressString}" id="progress"/>

        </f:facet>

        <h:panelGrid columns="3">

            <h:outputText value="Name:" />

            <h:inputText value="#{validationBean.name}" id="name">

                <rich:beanValidator summary="Invalid name"/>

            </h:inputText>

            <rich:message for="name" />

            <h:outputText value="Email:" />

            <h:inputText value="#{validationBean.email}" id="email">

                <rich:beanValidator summary="Invalid email"/>

            </h:inputText>

            <rich:message for="email" />

            <h:outputText value="Age:" />

            <h:inputText value="#{validationBean.age}" id="age">

                <rich:beanValidator summary="Wrong age"/>

            </h:inputText>

            <rich:message for="age" />

            <f:facet name="footer">

                <a4j:commandButton value="Submit" action="#{validationBean.success}" reRender="progress"/>

            </f:facet>

        </h:panelGrid>

    </rich:panel>

</h:form>

The accompanying bean contains the validation data:

package org.richfaces.demo.validation;


import org.hibernate.validator.Email;

import org.hibernate.validator.Length;

import org.hibernate.validator.Max;

import org.hibernate.validator.Min;

import org.hibernate.validator.NotEmpty;

import org.hibernate.validator.NotNull;

import org.hibernate.validator.Pattern;


public class ValidationBean {


    private String progressString="Fill the form in";

    

    @NotEmpty

    @Pattern(regex=".*[^\\s].*", message="This string contains only spaces")

    @Length(min=3,max=12)

    private String name;

    @Email

    @NotEmpty

    private String email;

    

    @NotNull

    @Min(18)

    @Max(100)

    private Integer age;

    

    public ValidationBean() {

    }


    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;

    }


    public Integer getAge() {

        return age;

    }


    public void setAge(Integer age) {

        this.age = age;

    }

    public void success() {

        setProgressString(getProgressString() + "(Stored successfully)");

    }


    public String getProgressString() {

        return progressString;

    }


    public void setProgressString(String progressString) {

        this.progressString = progressString;

    }

}

This example shows the validation of a simple form, containing the user's name, email, and age. The <rich:graphValidator> component wraps the input components to validate them together.

<ui:composition xmlns="http://www.w3.org/1999/xhtml"

    xmlns:ui="http://java.sun.com/jsf/facelets"

    xmlns:h="http://java.sun.com/jsf/html"

    xmlns:f="http://java.sun.com/jsf/core"

    xmlns:a4j="http://richfaces.org/a4j"

    xmlns:rich="http://richfaces.org/rich">



    <h:form id="graphValidatorForm">

        <a4j:region renderRegionOnly="true">

            <rich:panel id="panel">

                <f:facet name="header">

                    <h:outputText value="User Info:" />

                </f:facet>

                <rich:graphValidator summary="Invalid values: ">

                    <h:panelGrid columns="3">

                        <h:outputText value="Name:" />

                        <h:inputText value="#{validationBean.name}" id="name">

                            <f:validateLength minimum="2" />

                        </h:inputText>

                        <rich:message for="name" />

                        <h:outputText value="Email:" />

                        <h:inputText value="#{validationBean.email}" id="email" />

                        <rich:message for="email" />

                        <h:outputText value="Age:" />

                        <h:inputText value="#{validationBean.age}" id="age" />

                        <rich:message for="age" />

                    </h:panelGrid>

                </rich:graphValidator>

                <a4j:commandButton value="Store changes" />

            </rich:panel>

        </a4j:region>

    </h:form>

</ui:composition>

The accompanying bean contains the validation data:

package org.richfaces.demo.validation;


import org.hibernate.validator.Email;

import org.hibernate.validator.Length;

import org.hibernate.validator.Max;

import org.hibernate.validator.Min;

import org.hibernate.validator.NotEmpty;

import org.hibernate.validator.NotNull;

import org.hibernate.validator.Pattern;


public class ValidationBean {


    private String progressString="Fill the form in";

    

    @NotEmpty

    @Pattern(regex=".*[^\\s].*", message="This string contains only spaces")

    @Length(min=3,max=12)

    private String name;

    @Email

    @NotEmpty

    private String email;

    

    @NotNull

    @Min(18)

    @Max(100)

    private Integer age;

    

    public ValidationBean() {

    }


    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;

    }


    public Integer getAge() {

        return age;

    }


    public void setAge(Integer age) {

        this.age = age;

    }

    public void success() {

        setProgressString(getProgressString() + "(Stored successfully)");

    }


    public String getProgressString() {

        return progressString;

    }


    public void setProgressString(String progressString) {

        this.progressString = progressString;

    }

}

<h:form id="graphValidatorForm2">

    <a4j:region renderRegionOnly="true">

        <rich:graphValidator summary="Invalid values: " value="#{dayStatistics}">

            <table>

                <thead>

                    <tr>

                        <th>Activity</th>

                        <th>Time</th>

                    </tr>

                </thead>

                <tbody>

                    <a4j:repeat value="#{dayStatistics.dayPasstimes}" var="pt"

                        id="table">

                        <tr>

                            <td align="center" width="100px"><h:outputText

                                value="#{pt.title}" /></td>

                            <td align="center" width="100px"><rich:inputNumberSpinner

                                minValue="0" maxValue="24" value="#{pt.time}" id="time">

                            </rich:inputNumberSpinner></td>

                            <td><rich:message for="time" /></td>

                        </tr>

                    </a4j:repeat>

                </tbody>

            </table>

        </rich:graphValidator>

        <a4j:commandButton value="Store my details"

            actionListener="#{dayStatistics.store}" reRender="panel" />

        <rich:messages infoClass="green" errorClass="red" />

    </a4j:region>

</h:form>

<rich:dataTable value="#{capitalsBean.capitals}" var="cap" rows="5"> 

  <rich:column>

    <f:facet name="header">State Flag</f:facet>

    <h:graphicImage value="#{cap.stateFlag}"/>

  </rich:column>

  <rich:column>

    <f:facet name="header">State Name</f:facet>

    <h:outputText value="#{cap.state}"/>

  </rich:column>

  <rich:column >

    <f:facet name="header">State Capital</f:facet>

    <h:outputText value="#{cap.name}"/>

  </rich:column>

  <rich:column>

    <f:facet name="header">Time Zone</f:facet>

    <h:outputText value="#{cap.timeZone}"/>

  </rich:column>

</rich:dataTable>