Home » RichFaces Rich:Panel

RichFaces Rich:Panel

by Online Tutorials Library

RichFaces <rich:panel>

It is a bordered panel with an optional header. For basic usage, it does not require any attribute. A <rich:panel> without any attributes defined renders a bordered region with no header.

We should use header attribute to specify the text to appear in the header.

Style classes and skin parameters

The following table shows the style classes and corresponding skin parameters for the panel.

Class Function Skin Parameters Mapped CSS properties
.rf-p It is used to define styles for the panel itself. generalBackgroundColor background-color
.rf-p-hdr It is used to define styles for the header of a panel. headerTextColor headerSizeFont color font-size
.rf-p-b It is used to define styles for the body of a panel. generalSizeFont generalFamilyFont font-size font-family

Example

Here, in the following example, we are implementing <rich:panel> component. This example contains the following files.

JSF File

// rich-panel.xhtml

Output:

RichFaces Panel 1


You may also like