Home » RichFaces Rich:Toolbar

RichFaces Rich:Toolbar

by Online Tutorials Library

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

Output:

RichFaces Toolbar 1


You may also like