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 <rich:menuSeparator> component is used for the definition of a horizontal separator that can be placed between groups or items.
Table 6.177. rich : menuSeparator 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 |
| rendered | JSF: If "false", this component is not rendered |
Table 6.178. Component identification parameters
| Name | Value |
|---|---|
| component-type | org.richfaces.MenuSeparator |
| component-class | org.richfaces.component.html.HtmlMenuSeparator |
| component-family | org.richfaces.DropDownMenu |
| renderer-type | org.richfaces.MenuSeparatorRenderer |
| tag-class | org.richfaces.taglib.MenuSeparatorTag |
Here is a simple example as it could be used on a page:
Example:
...
<rich:dropDownMenu/>
...
<rich:menuSeparator/>
...
<rich:dropDownMenu/>
...
Example:
import org.richfaces.component.html.HtmlMenuSeparator;
...
HtmlMenuSeparator myMenuSeparator = new HtmlMenuSeparator();
...
For skinnability implementation, the components use a style class redefinition method. Default style classes are mapped on skin parameters.
There are two ways to redefine the appearance of all <rich:menuSeparator> components at once:
Redefine the corresponding skin parameters
Add to your style sheets style classes used by a <rich:menuSeparator> component
Table 6.179. Skin parameters redefinition for an item
| Skin parameters | CSS properties |
|---|---|
| panelBorderColor | border-top-color |
On the screenshot there are classes names that define styles for component elements.
Table 6.180. Classes names that define separator element appearance.
| Class name | Description |
|---|---|
| rich-menu-separator | Defines styles for a wrapper <div> element for a separator |
In order to redefine styles for all <rich:menuSeparator> components on a page using CSS, it's enough to create classes with the same names (possible classes could be found in the tables above) and define necessary properties in them.
Example:
...
.rich-menu-separator{
border-color: #acbece;
}
...
This is a result:
In the example a menu separator border color was changed.
On the component LiveDemo page you can see the example of <rich:menuSeparator> usage and sources for the given example.
