How to change the default plus and minus icons in rich:tree

[pragiya]

I am using Richfaces 4.2 and I need to use <rich:tree> component in my xhtml page. But I like to change the default plus and minus icons to my own images. Is there a way to do this? Thanks.

[pvito]

Hi, Prageeth Jayasinghe

Try change attributes iconCollapsed and iconExpanded on rich:tree component.

Regards, Vitaliy.

[pragiya]

Thanks Vitaliy,

     I am already using those attributes to change the collapsed and expanded icons. But what I want is to change the plus(+) and minus(-) marks to my own icons. Is there a way for me to do this.

[pragiya]

Hi,

   I found one solution. I don't know whether this is the best way. I did it by overriding the style classes .rf-trn-hnd-exp and .rf-trn-hnd-colps .

*.rf-trn-hnd-colps{

    background:url('/example/resources/img/plus.jpg') no-repeat center;

}

*.rf-trn-hnd-exp{

    background:url('/example/resources/img/minus.jpg') no-repeat center;

}

ref: http://docs.jboss.org/richfaces/nightly_4_2_X/Component_Reference/en-US/html/chap-Component_Reference-Trees.html