JBoss.orgCommunity Documentation
The component is designed to group one or more <rich:panelBarItem> components into one interactive panel.
The component groups page contents into notional blocks. Borders separate this content visually from the rest of page. The <rich:panelBar> could contain any number of items (<rich:panelBarItem> inside), with their own headers that control opening and closing features.
In contrast to <rich:panel> the component has "width" and "height" attributes that control it size (by default they both have 100%).
Table of <rich:panelBar> attributes.
Table 6.114. Component Identification Parameters
Name | Value |
---|---|
component-type | org.richfaces.PanelBar |
component-class | org.richfaces.component.html.HtmlPanelBar |
component-family | org.richfaces.PanelBar |
renderer-type | org.richfaces.PanelBarRenderer |
tag-class | org.richfaces.taglib.PanelBarTag |
Table 6.115. Style classes (selectors) and mapped skin parameters
Class name | Description | Skin parameter | CSS property |
---|---|---|---|
.rich-panelbar | Defines styles for wrapper <div> element of a component | headerBackgroundColor | border-color |
.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 | ||
.rich-panelbar-interior | Defines styles for panelBar content | generalBackgroundColor | background-color |
Table 6.116. Internal style classes (selectors)
Class name (selector) | Description |
---|---|
.rich-panel-b | Defines styles for panelBar content |
.rich-panel-header | Defines styles for active header element |
.rich-panel-header-act | Defines styles for header element |
.rich-panelbar-content | Defines styles for panelBar content |
.rich-panelbar-interior | Defines styles for panelBar content |
You can find all necessary information about style classes redefinition in Definition of Custom Style Classes section.
Visit PanelBar page at RichFaces LiveDemo for examples of component usage and their sources.
If you have any questions or ideas regarding the <rich:panel> tell about them at the RichFaces Users Forum.