highlight toolbargroup

[ajanz]

i got a simple toolbar

<rich:toolBar height="24" itemSeparator="line">
<rich:toolBarGroup>
 <h:graphicImage id="edit" value="/images/icons/edit.png" />
 <h:outputLabel value="Bearbeiten" for="edit" />
</rich:toolBarGroup>
<rich:toolBarGroup>
 <h:graphicImage id="save" value="/images/icons/save.jpg" />
 <h:outputLabel value="Speichern" for="save" />
</rich:toolBarGroup>
<rich:toolBarGroup>
 <h:graphicImage id="done" value="/images/icons/done.jpg" />
 <h:outputLabel value="Erledigt" for="done" />
</rich:toolBarGroup>
</rich:toolbar>

but when i move with the mouse over a toolbargroup or click on it, it doesn't change anything, like highlighting with a frame or something. so the toolbar seems like it es disabled, because it still remains the same what ever you do.

is this correct? did i something wrong?

[ilya_shaikovsky]

yes. there is no additional effects on the toolbar. But there is set of event handlers e.g. onmouseover and etc.. So feel free to use.

[ajanz]

so i wrote

<rich:toolBarGroup onmouseover="this.style.border='1px';this.style.borderColor='yellow'"
onmouseout="this.style.border='0px'>

but nothing happens.

[ilya_shaikovsky]

sorry for incorrect answer.. right events wil be onitem* defined on toolBar or Group.

[ajanz]

sorry but i can't get it work.

could you please give an example