Change background image for <rich:inputNumberSlider>?

[daymar]

Hi. I have tried everything to change the background image on this component. I tried applying 'barStyle' and 'barClass' inline in the component tag as well as adding background-image properties to various classes (defined at:http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/rich_inputNumberSlider.html) in an external stylesheet.

[ilya_shaikovsky]

if just defining classes defined in reference - not helps - check applied classes with FF FireBug plugin.

[daymar]

I started by inspecting in FB! The class that displays the image I want to replace looks like:

.dr-insldr-handler {

  background-image:url("/richfaces-demo/a4j/g/3_2_2.SR1org.richfaces.renderkit.html.images.SliderArrowImage/DATB/eAH7z8DAAAAEAAEA.jsf");

}

.dr-insldr-handler {

  background-color:transparent;

  font-size:1px;

  height:8px;

  position:absolute;

  text-align:center;

  width:7px;

  z-index:1;

}

I have no idea why it would output the class twice and no matter what I do, it won't take a different image path. It always gets overwritten by the obscure one embedded in the component...

[nbelaevski]

You should use rich-* classes not dr-*. For the problem -  check that your class definition is correct.