RichFaces <rich:toolbar>

The <rich:toolbar> component is a horizontal toolbar. Any JavaServer Faces ( JSF) component can be added to the toolbar.

The <rich:toolbar> component does not require any attributes to be defined for basic usage. Add child components to the <rich:toolbar> component to have them appear on the toolbar when rendered.

Style classes and skin parameters

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

Class	Function	Skin Parameters	Mapped CSS properties
.rf-tb	It is used to define styles for the toolbar itself.	panelBorderColor headerTextColor	border-color color
.rf-tb-itm	It is used to define styles for an item in the toolbar.	No skin parameters.
.rf-tb-sep	It is used to define styles for a separator in the toolbar.	No skin parameters.
.rf-tb-sep-grid, .rf-tb-sep-line, .rf-tb-sep-disc, .rf-tb-sep-square	These classes define styles for grid, line, disc, and square separators.	No skin parameters.
.rf-tb-cntr	It is used to define styles for the container of the toolbar.	No skin parameters.

Example

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

JSF File

// tool-bar.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>Toolbar </title>
</h:head>
<h:body>
<h:form>
<rich:toolbar>
<h:commandLink value="News" />
<h:commandLink value="Reviews" />
<h:commandLink value="Galleries" />
</rich:toolbar>
</h:form>
</h:body>
</f:view>
</ui:composition>

Output: