I'm working with toolBar, menuItem and dropDownMenu and it's working but I can't get them to look as I want to.
I realize when I add a menuItem to a toolBar, it's label gets centered and there's too much space at both sides. On the other hand the dropDownMenu label is almost tied to the separator and that's what I would like the menuItem label to look like.
I've tried some css properties but none of them seemed to remove the space between the label and the itemSeparator.
Here's a sample code...
<rich:toolBar itemSeparator="line"> <rich:menuItem value="Value A" action="actionA"/> <rich:dropDownMenu value="Value B"> <rich:menuItem submitMode="ajax" value="Value B1" action="actionB1"/> </rich:dropDownMenu> <rich:menuItem value="Value C" action="actionC"/> <rich:menuItem value="Value D" action="actionD"/> </rich:toolBar>
you may not use menuItems outside ddmenu it designed as items for menu component only (now its ddmenu context - in our plans).