1 Reply Latest reply on May 10, 2011 6:46 AM by Kike Gil

    how to customize rich:dropdownmenu styleclasses

    hari krishna Newbie

      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.

        • 1. Re: how to customize rich:dropdownmenu styleclasses
          Kike Gil Novice

          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.