rich:layoutPanel layoutPanel

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

## 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>
    ...

## Creating the Component Dynamically Using Java

Example:

    import org.richfaces.component.html.HtmllayoutPanel;
    ...
    HtmllayoutPanel mylayoutPanel = new HtmllayoutPanel();
    ...

## 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.

## 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.