Richfaces Panel Bar with images

[mashooha]

Hi, I'm trying to build a MS-outlook style "Accordion Menu" with help of Panel Bar and panelBarItems tags but I need to associate an image for every header of panelBarItem

so, I created a CSS and used the headerClass


.Reports { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="graphics/reports.png", sizingMethod="crop"); }

<rich:panelBarItem label="Reports" headerClass="Reports ">
</rich:panelBarItem>

but no luck , any body has a thought on how to achive this task.

Thanx in advance.

[sergeysmirnov]

if you are looking for a MS-outlook style "Accordion Menu", take a look at:
http://livedemo.exadel.com/richfaces-demo/richfaces/panelMenu.jsf?c=panelMenu

If you still need to put an image in each item of the PanelBar, look how we did it for the left side of the same livedemo application.