### 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.13.3. < rich:layoutPanel > available since 3.3.1

expand all

#### 6.13.3.1. Description

The <rich:layouPanel> is an auxiliary component used to create layout areas within the <rich:layout> container.

#### 6.13.3.2. Key Features

- Cross-browser compatibility

- Provides possibility of an easy layout creation

Table 6.518. rich : layoutPanel attributes

Attribute Name | Description
--- | ---
binding | JSF: The attribute takes a value-binding expression for a component property of a backing bean
id | JSF: Every component may have a unique id that is automatically created if omitted
position | Positions the component relative to the <rich:layout/> component. Possible values are top, left, right, center, bottom.
rendered | JSF: If "false", this component is not rendered
width | HTML: Sets the width of the layout area

Table 6.519. Component identification parameters

Name | Value
--- | ---
component-type | org.richfaces.LayoutPanel
component-class | org.richfaces.component.html.HtmlLayoutPanel
component-family | org.richfaces.LayoutPanel
renderer-type | org.richfaces.LayoutPanelRenderer
tag-class | org.richfaces.taglib.LayoutPanelTag

#### 6.13.3.3. Creating the Component with a Page Tag

To create the simplest variant on a page use the following syntax:

Example:

    ...

    <rich:layout>

            <rich:layoutPanel position="center">

                    <!--center-->

            </rich:layoutPanel>

    </rich:layout>

    ...

#### 6.13.3.4. Creating the Component Dynamically Using Java

Example:

    import org.richfaces.component.html.HtmllayoutPanel;

    ...

    HtmllayoutPanel mylayoutPanel = new HtmllayoutPanel();

    ...

#### 6.13.3.5. Details of Usage

The <rich:layoutPanel> component is used to split the area inside the <rich:layout> into up to 5 parts: top, left, center, right, bottom.

The "position" attribute defines the position of the <rich:layoutPanel> in the area created with <rich:layout> .

    ...

    <rich:layout>

            <rich:layoutPanel position="top">

                    <!--top-->

            </rich:layoutPanel>

            <rich:layoutPanel position="left">

                    <!--left-->

            </rich:layoutPanel>

            <rich:layoutPanel position="center">

                    <!--center-->

            </rich:layoutPanel>

            <rich:layoutPanel position="right">

                    <!--right-->

            </rich:layoutPanel>

            <rich:layoutPanel position="bottom">

                    <!--bottom-->

            </rich:layoutPanel>

    </rich:layout>

    ...

You can specify the width of the layout area with the "width" attribute.

#### 6.13.3.6. Relevant Resources Links

On RichFaces Live Demo page you can see an example of <rich:layoutPanel> usage and sources for the given example.

The <rich:layout> chapter of the guide.

The Layout components for RichFaces 3.3.1 on the JBoss.org Wiki.

- Prev6.13.2. < rich:layout > ...
- Top of page
- Front page
- Next6.14. Rich Miscellaneous