schlot

Zoom slider style examples?

Discussion created by schlot on Mar 22, 2013
Latest reply on Mar 25, 2013 by schlot
I'm remembering there used to be a few samples for changing the styling on the zoom slider for navigating.  Did I just dream this? I swear I've seen several different styles, but maybe those were removed because of the newest API version or because of the web page changes to the new resource pages. (I don't hate them as much as some people seem to, but I still can't always find what I'm looking for.)

Specifically I would like to replace the icons on the top and bottom of the slider, which are currently up and down arrows, to be plus and minus icons instead.  I think I can override these symbols with a different style, but I'm not sure which style to change.

When looking at this component in Firebug, I see a style of
 .tundra .dijitSliderDecrementIconH, .tundra .dijitSliderDecrementIconV, .tundra .dijitSliderIncrementIconH, .tundra .dijitSliderIncrementIconV {
    background-image: url("images/spriteRoundedIconsSmall.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 14px;
    width: 14px;
}


Is this even close to what I should be messing with? 

Also, does anyone have a good suggestion for where I can learn more about sprite images?  I'm having a hard time grasping the concept of sprites.

Outcomes