The panel is a rectangle area on a page that may contain any content including other panels.
Panel has a header (optionally) and a body. The default look-n-feel is based on the
current skin. Look-n-feel of any parts 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

Write your own custom rich components with built-in AJAX support

The CDK includes a code-generation facility and a
templating facility using a JSP-like syntax. These capabilities help
to avoid a routine process of a component creation. The component factory
works like a well-oiled machine allowing the creation of first-class
rich components with built-in Ajax functionality even more easily than
the creation of simpler components by means of the traditional coding
approach.

HideView Source

<ui:compositionxmlns="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"><rich:panel><f:facetname="header"> Write your own custom rich components with built-in AJAX support</f:facet> The CDK includes a code-generation facility and a templating facility using a JSP-like syntax. These capabilities help to avoid a routine process of a component creation. The component factory works like a well-oiled machine allowing the creation of first-class rich components with built-in Ajax functionality even more easily than the creation of simpler components by means of the traditional coding approach.</rich:panel></ui:composition>

<<Hide Source

Panel without header

RichFaces is a library for adding rich user interface features to JSF
applications. It extends the Ajax4jsf framework to include a large
(and growing) set of powerful rich AJAX-enabled components that come
with extensive skins support.

HideView Source

<ui:compositionxmlns="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"><rich:panelbodyClass="rich-laguna-panel-no-header"> RichFaces is a library for adding rich user interface features to JSF applications. It extends the Ajax4jsf framework to include a large (and growing) set of powerful rich AJAX-enabled components that come with extensive skins support.</rich:panel></ui:composition>

<<Hide Source

Nested panels

The panels can be nested:

Benefits of Using Ajax4jsf

For Application Developers

Production quality Open Source

Does Open Source and has an Open Architecture

Compatible with any JSF Implementation - MyFaces, JSF1.1, JSF1.2

Allows to Ajaxify JSF application without writing Javascript

Works with standard and third party components

Adds the Ajax capability to existing non-Ajax components

For Component Developers

Ajax4jsf is Open Source and has an Open Architecture

Gives an API to create components with built-in Ajax support

Has a Component Development Kit for rapid development

Allows to skin the look-n-feel using both CSS and set of skin-parameters

Automatically generates the unit test-cases for developing components

Allows to pack javascript code, images, css inside the final jar

HideView Source

<ui:compositionxmlns="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"><rich:panelstyle="padding:0"headerClass="outpanelHeader"><f:facetname="header"><rich:spacerheight="4"/></f:facet><h2align="center"><h:outputTextvalue="Benefits of Using Ajax4jsf"/></h2><h:panelGridcolumns="2"columnClasses="gridContent"><rich:panelbodyClass="inpanelBody"><f:facetname="header"> For Application Developers</f:facet><ul><li>Production quality Open Source</li><li>Does Open Source and has an Open Architecture</li><li>Compatible with any JSF Implementation - MyFaces, JSF1.1, JSF1.2</li><li>Allows to Ajaxify JSF application without writing Javascript</li><li>Works with standard and third party components</li><li>Adds the Ajax capability to existing non-Ajax components</li></ul></rich:panel><rich:panelbodyClass="inpanelBody"><f:facetname="header"> For Component Developers</f:facet><ul><li>Ajax4jsf is Open Source and has an Open Architecture</li><li>Gives an API to create components with built-in Ajax support</li><li>Has a Component Development Kit for rapid development</li><li>Allows to skin the look-n-feel using both CSS and set of skin-parameters</li><li>Automatically generates the unit test-cases for developing components</li><li>Allows to pack javascript code, images, css inside the final jar</li></ul></rich:panel></h:panelGrid></rich:panel></ui:composition>