Create new RichFaces Documentation Jira issue
This will launch the RichFaces Jira page - to complete your feedback please login if needed, and submit the Jira.
JBoss.orgCommunity Documentation
The component is designed to be used as a part of <rich:panelBar>. The <rich:panelBarItem> used separately from <rich:panelBar> will not be rendered.
The <rich:panelBar> could contain any number of panelBarItem components. Item headers are used for collapsing and expanding item contents.
The
<rich:panelBarItem>
supports label facet that defines text label on it's header. Besides that there is
"label"
attribute that does the same job. By default the component is rendered with a header and text label "auto generated label". The following two entries
<-- A -->
<rich:panelBar>
<rich:panelBarItem label="Olympus EVOLT E-500" />
</rich:panelBar>
<-- B -->
<rich:panelBar>
<rich:panelBarItem>
<f:facet name="label">
<h:outputText value="Olympus EVOLT E-500"/>
</f:facet>
</rich:panelBarItem>
</rich:panelBar>
will have the same output.
Table of <rich:panelBarItem> attributes.
Table 6.117. Component Identification Parameters
| Name | Value |
|---|---|
| component-type | org.richfaces.PanelBarItem |
| component-class | org.richfaces.component.html.HtmlPanelBarItem |
| component-family | org.richfaces.PanelBarItem |
| renderer-type | org.richfaces.PanelBarItemRenderer |
| tag-class | org.richfaces.taglib.PanelBarItemTag |
Table 6.119. Style classes (selectors) and mapped skin parameters
| Class name | Description | Skin parameter | CSS property |
|---|---|---|---|
| .rich-panelbar-content | Defines styles for panelBar content | preferableDataFamilyFont | font-family |
| preferableDataSizeFont | font-size | ||
| generalTextColor | color | ||
| .rich-panelbar-header | Defines styles for panelBar header | headerBackgroundColor | background-color |
| headerFamilyFont | font-family | ||
| headerSizeFont | font-size | ||
| headerWeightFont | font-weight | ||
| headerTextColor | color | ||
| .rich-panelbar-header-act | Defines styles for panelBar active header | headerBackgroundColor | background-color |
| headerFamilyFont | font-family | ||
| headerSizeFont | font-size | ||
| headerWeightFont | font-weight | ||
| headerTextColor | color |
You can find all necessary information about style classes redefinition in Definition of Custom Style Classes section.
Visit PanelBar page at RichFaces LiveDemo for example of the <rich:panelBarItem>component usage and it source.
If you have any questions or ideas regarding the <rich:panel> tell about them at the RichFaces Users Forum.
