6.10.10. < rich:separator > available since 3.0.0

### 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.10. < rich:separator > available since 3.0.0

expand all

#### 6.10.10.1. Description

A horizontal line to use as a separator in a layout. The line type can be customized with the `"lineType"` parameter.

Figure 6.97. <rich:separator> component

#### 6.10.10.2. Key Features

- Highly customizable look and feel

- Leveraging layout elements creation

#### 6.10.10.3. Details of Usage

<rich:separator> is a simple layout component, which represents a separator stylized as a skin. Thus, the main attributes that define its style are "style" and "styleClass". In addition there are "width" and "height" attributes that should be specified in pixels. On the HTML page the component is transposed into HTML <div> tag.

The line type can be customized with the `"lineType"` parameter. For example, different line types are shown after rendering with the following initial settings `lineType="double"`and `lineType="solid"`.

Figure 6.98. Different line types of <rich:separator>

Except style attributes, there are also event definition attributes:

- "onmouseover"

- "onclick"

- "onmouseout"

- etc.

#### 6.10.10.4. Reference Data

Table of <rich:separator> attributes.

Table 6.136. Component Identification Parameters

Name | Value
--- | ---
component-type | org.richfaces.separator
component-class | org.richfaces.component.html.HtmlSeparator
component-family | org.richfaces.separator
renderer-type | org.richfaces.SeparatorRenderer
tag-class | org.richfaces.taglib.SeparatorTag

Table 6.137. Classes names that define a component appearance

Class name | Description
--- | ---
rich-separator | Defines styles for a component appearance

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

#### 6.10.10.5. Relevant Resources Links

On the component LiveDemo page you can see the example of <rich:separator> usage and sources for the given example.

- Prev6.10.9. < rich:progressBar > ...
- Top of page
- Front page
- Next6.10.11. < rich:simpleTogglePanel > ...