84
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:
Next TopicRichFaces <rich:message>