Image on PanelBarItem along with the label

[leelavathic]

I need to display an image(>>) on the extreme right of the rich:panelBarItem along with the header label(Search Result).

Something like this:
---------------------------------------------------------------------
Search Result >>
---------------------------------------------------------------------

I tried two approches
1. I tried to include the image using in the panelBarItem using a headerClass.

.searchpanelBarItem{
background-image:url(/devicemanager/images/up.gif);
width:100%;
text-align:center;
overflow-x:hidden;
overflow-y:auto;
font-size:8pt
background-color: #4169E1;
}


2.I tried with pre defined styleclass for panelbar

. rich-panelbar{
background-image:url(/common/images/tabs/dn.gif);
}

But the image was not displayed in both the above cases.

Can anyone suggest me a solution.

Thanks in advance.

[coralfe]

This is in documentation, but to save some else the hunt I just had to do....

Try:-

<rich:panelBarItem>
 <f:facet name="label" >
 <h:panelGroup>
 My panelBarItem label
 <h:graphicImage value="#{someValue}" />
 </h:panelGroup>
 </f:facet>
 panel content here
</rich:panelBarItem>

It would be nice if the sample at
http://livedemo.exadel.com/richfaces-demo/richfaces/panelBar.jsf?c=panelBar

had the facet label as an example