### Create new RichFaces Documentation Jira issue

Summary
255 characters left
Description
Environment
This will launch the RichFaces Jira page - to complete your feedback please login if needed, and submit the Jira.

JBoss.org Community Documentation

- Prev
- Next

### 6.10.4. < rich:panelBar > available since 3.0.0

expand all

#### 6.10.4.1. Description

The component is designed to group one or more <rich:panelBarItem> components into one interactive panel.

Figure 6.82. <rich:panelBar> with content inside

#### 6.10.4.2. Key Features

- May have any content inside

- Has customizable look and feel

#### 6.10.4.3. Details of Usage

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%).

#### 6.10.4.4. Reference Data

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.

#### 6.10.4.5. Relevant Resources Links

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.

- Prev6.10.3. < rich:panel > available since 3.0.0
- Top of page
- Front page
- Next6.10.5. <rich:panelBarItem> ...