help with menu formatting menuIconField

[Mitch B]

The solution:

Using a combination of a java source setting and changes in the skin_style.css file I was able to get the desired look and feel.

1. After instantiating the class that extends Menu the IconWidth is set to 1px:

CustomerMenu menu1 = new CustomerMenu();
menu1.setWidth(125);
menu1.setIconWidth(1);

2. In the skin_styles.css the settings that impact the menuTitleField are set in the menuIconField. This seemed to be the only way set the font color and size in the text on the same line in the drop list. It was also necessary to set padding to 0 for the menu to stop a jumping motion that was being caused by a conflict between these settings and setting inherited from another object or from the "normal" style, which is the primary style for this sheet and object.

.menu{padding:0px;font-family:Tahoma,Verdana,Bitstream Vera Sans,sans-serif;color:#000000}
.menuSelected,
.menuOver,
.menuSelectedOver{padding:0px;padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0;}
.menuDisabled,
.menuTitleField,
.menuTitleFieldDark,
.menuTitleFieldSelected,
.menuTitleFieldSelectedDark,
.menuTitleFieldOver,
.menuTitleFieldOverDark,
.menuTitleFieldSelectedOver,
.menuTitleFieldSelectedOverDark,
.menuTitleFieldDisabled,
.menuIconField{
color:#000000;
background-color:#FFFFFF;
font-size: 11px;
}
.menuIconFieldDark,
.menuIconFieldOver,
.menuIconFieldOverDark,
.menuIconFieldSelected,
.menuIconFieldSelectedDark,
.menuIconFieldSelectedOver,
.menuIconFieldSelectedOverDark,
.menuDisabled ,
.menuTitleFieldDisabled,
.menuIconFieldDisabled {
color:#AAAAAA;
}