Zoom Slider Increment Buttons Won't Hide

[RickScott]

Hi folks,

I have map.hideZoomSlider() and:

#map_zoom_slider{
visibility: hidden !important;
}

But I'm still getting the zoom slider increment and decrement buttons.

Any additional suggestions would be greatly appreciated.

Thanks,
Rick Scott

[StephenLead]

Hi Rick,

I'm not positive I understand your problem, but if you're trying to hide the Zoom In and Zoom Out arrows at the top and bottom of the Zoom Slider, you could use:

.dijitSliderIncrementIconV, .dijitSliderDecrementIconV {
    display: none;
}

Steve

[RickScott]

Hi Rick,

I'm not positive I understand your problem, but if you're trying to hide the Zoom In and Zoom Out arrows at the top and bottom of the Zoom Slider, you could use:

.dijitSliderIncrementIconV, .dijitSliderDecrementIconV {
    display: none;
}

Steve

Awesome!  Thanks, Steve, that did it! 

Trying to find the correct combination of id/class and CSS attribute is so frustratingly hard.

Thanks again!
Rick

[StephenLead]

Trying to find the correct combination of id/class and CSS attribute is so frustratingly hard.

Rick,

Have you tried FireFox with the Firebug plugin? The HTML inspector makes this a bit easier, as it will show you which CSS rules are being used for a particular element.

Steve

[RedLong]

Hi Rick,

I'm not positive I understand your problem, but if you're trying to hide the Zoom In and Zoom Out arrows at the top and bottom of the Zoom Slider, you could use:

.dijitSliderIncrementIconV, .dijitSliderDecrementIconV {
    display: none;
}

Steve

You're the man :cool: