### 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.3. < rich:panel > available since 3.0.0

expand all

#### 6.10.3.1. Description

The component implements a bordered rectangular panel with or without header.

Figure 6.79. The <rich:panel>

#### 6.10.3.2. Key Features

- May have any content inside

- May have header

- Has customizable look and feel

#### 6.10.3.3. Details of Usage

The component groups page contents into notional blocks. Borders separate this content visually from the rest of page. To define the <rich:panel> on a page the following code will be enough:

    <rich:panel />

The result:

Figure 6.80. Empty <rich:panel>

The <rich:panel> supports `header` facet that defines header and text label on it. Besides that there is "header" attribute that does the same job. The following two entries

    <-- A -->

    <rich:panel header="I'm panel header" />

    <-- B -->

    <rich:panel>

          <f:facet name="header">

                <h:outputText value="I'm panel header"/>

          </f:facet>

    </rich:panel>

have the same output:

Figure 6.81. The <rich:panel> with header

#### 6.10.3.4. Reference Data

Table of <rich:panel> attributes.

Table 6.110. Component Identification Parameters

Name | Value
--- | ---
component-type | org.richfaces.panel
component-class | org.richfaces.component.html.HtmlPanel
component-family | org.richfaces.panel
renderer-type | org.richfaces.PanelRenderer
tag-class | org.richfaces.taglib.PanelTag

Table 6.111. Facets

Facet name | Description
--- | ---
header | Defines panel header and text label on it

Table 6.112. Style classes (selectors) and mapped skin parameters

Class name | Description | Skin parameter | CSS property
--- | --- | --- | ---
.rich-panel | Defines styles for a wrapper <div> element of a component | generalBackgroundColor | background-color
panelBorderColor | border-color
.rich-panel-body | Defines styles for a body element | generalFamilyFont | font-family
generalSizeFont | font-size
generalTextColor | color
.rich-panel-header | Defines styles for a header element | headerFamilyFont | font-family
headerSizeFont | font-size
headerWeightFont | font-weight
headerTextColor | color
headerBackgroundColor | background-color
headerBackgroundColor | border-color

Table 6.113. Internal style classes (selectors)

Class name (selector) | Description
--- | ---
.rich-panel | Defines styles for a wrapper <div> element of a component
.rich-panel-body | Defines styles for a body element
.rich-panel-header | Defines styles for a header element

You can find all necessary information about style classes redefinition in Definition of Custom Style Classes section.

#### 6.10.3.5. Relevant Resources Links

Visit Panel 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.2. < rich:paint2D > ...
- Top of page
- Front page
- Next6.10.4. < rich:panelBar > av...