styling the toolBar component

[jgreene]

Can someone tell me what what style class definition to override, or otherwise how to adjust the spacing between the items on a horizontal rich:toolBar component? Is it a style for the toolBar or dropDownMenu that needs to be adjusted? I understand how to do things like this on my own pages when I'm controlling the styles, but with all the markup generated for me, its difficult to tell where a change needs to be made. Thank you.

[sergeysmirnov]

You need to adjust the horizontal spacing between the menu item on the panelBar or what? Any example is ok. It is hard to understand your needs just from plain text

[jgreene]

Hi Sergey -
Yes, for example, if you are running Firefox right now, look at the File Edit View... on the menu bar at the top. I need to be able to adjust the spacing between these menu items. Thank you.

[sergeysmirnov]

Firefox is desktop application. Let's return to the web.
http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=dropDownMenu

Do you want to have "File" and "Links" are closer to each other?

[jgreene]

Yes - that's what I want.

[sergeysmirnov]

try rich:toolBar contentStyle="padding:1px 0"

minus 12 pixels.

[jgreene]

Thanks, Sergey. That worked great.