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 implements a bordered rectangular panel with or without header.
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:
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:
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.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.
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.
