RichFaces Showcase

Ajax Action

a4j:ajax

a4j:commandButton

a4j:commandLink

a4j:actionListener

a4j:jsFunction

a4j:poll

a4j:push

a4j:param

Ajax Queue

a4j:queue

a4j:attachQueue

Ajax Output/Containers

a4j:outputPanel

a4j:status

a4j:region

a4j:mediaOutput

a4j:log

Validation

Client Side Validation

rich:graphValidator

rich:message

rich:messages

rich:notify

Data Iteration

a4j:repeat

rich:dataTable

rich:extendedDataTable

rich:collapsibleSubTable

rich:dataScroller

rich:list

rich:dataGrid

Trees

rich:tree

Tree Adaptors

Output/Panels

rich:chart

rich:panel

rich:togglePanel

rich:tabPanel

rich:collapsiblePanel

rich:accordion

rich:popupPanel

rich:progressBar

rich:tooltip

Menus

rich:panelMenu

rich:toolbar

rich:contextMenu

rich:dropDownMenu

Inputs

rich:autocomplete

rich:calendar

rich:editor

rich:inputNumberSlider

rich:inputNumberSpinner

rich:inplaceInput

rich:fileUpload

Selects

rich:inplaceSelect

rich:select

rich:orderingList

rich:pickList

Drag and Drop

Miscellaneous

Standard elements skinning

rich:placeholder

RichFaces functions

rich:focus

rich:componentControl

rich:hashParam

rich:hotKey

rich:jQuery

VDL documentation
Component Reference

The rich:panel component creates a rectangle shaped area on the page that may contain any content including other panels. Panel's have a header (optional) and a body. The default look-n-feel is based on the current skin. Look-n-feel of any part of the panel, including color scheme, borders and paddings can be customizable using with pre-defined number of CSS classes.

Panel with default Look-n-feel

RichFaces is a component library for JSF and an advanced framework for easily integrating AJAX capabilities into business applications.

100+ AJAX enabled components in two libraries
a4j: page centric AJAX controls
rich: self contained, ready to use components
Whole set of JSF benefits while working with AJAX
Skinnability mechanism
Component Development Kit (CDK)
Dynamic resources handling
Testing facilities for components, actions, listeners, and pages
Broad cross-browser support
Large and active community

Panel without header:

JSF 2 and RichFaces 4:

We are working hard on RichFaces 4.0 which will have full JSF 2 integration. That is not all though, here is a summary of updates and features:

Redesigned modular repository and build system.
Simplified Component Development Kit with annotations, faces-config extensions, advanced templates support and more..
Ajax framework improvements extending the JSF 2 specification.
Component review for consistency, usability, and redesign following semantic HTML principles where possible.
Both server-side and client-side performance optimization.
Strict code clean-up and review.

View Source

<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
    <rich:panel header="Panel with default Look-n-feel">
        <h:graphicImage value="/images/icons/common/rf.png" style="float:right" alt="rf" />
        RichFaces is a component library for JSF and an advanced framework for
        easily integrating AJAX capabilities into business applications.
        <ul>
            <li>100+ AJAX enabled components in two libraries</li>
            <li>a4j: page centric AJAX controls</li>
            <li>rich: self contained, ready to use components</li>
            <li>Whole set of JSF benefits while working with AJAX</li>
            <li>Skinnability mechanism</li>
            <li>Component Development Kit (CDK)</li>
            <li>Dynamic resources handling</li>
            <li>Testing facilities for components, actions, listeners, and pages</li>
            <li>Broad cross-browser support</li>
            <li>Large and active community</li>
        </ul>
    </rich:panel>
    <p>
        <b>Panel without header:</b>
    </p>
    <rich:panel>
        <p>
            <b>JSF 2 and RichFaces 4:</b>
        </p>

        <p>We are working hard on RichFaces 4.0 which will have full JSF 2 integration. That is not all though, here is a
            summary of updates and features:</p>
        <ul>
            <li>Redesigned modular repository and build system.</li>
            <li>Simplified Component Development Kit with annotations, faces-config extensions, advanced templates support
                and more..</li>
            <li>Ajax framework improvements extending the JSF 2 specification.</li>
            <li>Component review for consistency, usability, and redesign following semantic HTML principles where
                possible.</li>
            <li>Both server-side and client-side performance optimization.</li>
            <li>Strict code clean-up and review.</li>
        </ul>
    </rich:panel>
</ui:composition>