Hi,
I want to customize rich:dropdown menu. In the dropdown and rich:menuitem, there is a space coming for label and image(icon atrribute).
I do not want that space to come and also the dropdown values should appear exactly under the label, default it is coming down and right side of the
label. Please find attachement how the final rich dropdown menu should look like.
You must overwrite the style class of dropdownmenu
.rf-ddm-lbl
This class defines styles
for the label of the dropdown
menu.
headerFamilyFont font-family
.rf-ddm-dis
This class defines styles
for the drop-down menu
when it is disabled.
tabDisabledTextColor color
.rf-ddm-lbl-dis
This class defines styles
for the label of the dropdown
menu when it is
disabled.
headerFamilyFont font-family
.rf-ddm-pos
This class defines the
positioning of the dropdown
menu.
No skin parameters.
.rf-ddm-lbl-unsel
This class defines styles
for the label of the dropdown
menu when it is
unselected.
No skin parameters.
.rf-ddm-lst panelBorderColor border-color
This class defines styles
for the drop-down list.
additionalBackgroundColor background-color
.rf-ddm-lst-bg
This class defines styles
for the background of the
drop-down list.
additionalBackgroundColor border-color
.rf-ddm-sublst
This class defines the
positioning of the menu
when used as a submenu.
No skin parameters.
.rf-ddm-itm generalFamilyFont font-family
This class defines styles
for a menu item.
generalSizeFont font-size
Chapter 11. Menus and toolbars Draft
164
Class (selector) Skin Parameters Mapped CSS properties
.rf-ddm-itm-sel headerBackgroundColor border-color
This class defines styles
for a menu item when it is
selected.
tabBackgroundColor background-color
.rf-ddm-itm-unsel
This class defines styles
for a menu item when it is
unselected.
No skin parameters.
.rf-ddm-itm-dis
This class defines styles
for a menu item when it is
disabled.
tabDisabledTextColor color
.rf-ddm-itm-lbl
This class defines styles
for the label in a menu
item.
generalTextColor color
.rf-ddm-itm-ic
This class defines styles
for the icon in a menu item.
No skin parameters.
.rf-ddm-emptyIcon
This class defines styles
for an empty icon in a
menu item.
No skin parameters.
.rf-ddm-sep
This class defines styles
for a menu separator.
panelBorderColor border-top-color
.rf-ddm-nd
This class defines styles
for a menu node.