The <rich:menuSeparator> component is used for the definition of a horizontal separator that can be placed between groups or items.
Table 6.185. rich : menuSeparator attributes
Attribute Name | Description |
---|---|
binding | The attribute takes a value-binding expression for a component property of a backing bean |
id | Every component may have a unique id that is automatically created if omitted |
rendered | If "false", this component is not rendered |
Table 6.186. 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.187. 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.188. 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:separator> components on a page using CSS, it's enough to create class with the same name and define necessary properties in it.
To change styles of particular <rich:separator> components, define your own style class in the corresponding <rich:separator> attributes.
Here you can see the example of <rich:menuSeparator> usage and sources for the given example.