Can the zoom slider tick marks be styled?

[TyroneLigon]

Our map service is dark gray, so the tick marks are very hard (if not impossible) to see. I'm sure there's a way to change the tick mark color, but I haven't found the magic handle; I tried ".esriLargerSliderTicks" and ".esriLargeSliderVertical .esriLargeSliderTicks", setting both to "color: white !important;".

Thanks,

[derekswingley1 · Accepted solution]

Yes. After you include a link tag that references esri.css, use a style tag or another link to a CSS file that defines a color for the .esriSimpleSlider class like so:

.esriSimpleSlider {   color: blue; }

Note that there's not need for !important. Example:  http://jsbin.com/IbisUJet/1/edit

Edit:  just realized you're talking about the larger slider tick marks. For that, you have to re-define some dijit theme rules. We have an old sample that shows that (ignore the thumbnail, look at the live sample):  https://developers.arcgis.com/en/javascript/jssamples/mapconfig_customlabels.html

When using the claro theme, the relevant CSS looks like this:

.claro .dijitRuleMark {   border: 1px solid #fff; }

[GaneshSolai_Sambandam]

Hi Derek
Is it possible to change color of the Zoom Slider with CSS property. I wanted to change entire color vertical zoom slider to different colour, not just + and - symbol with blue as you have shown in the example above.

Is this possible.

[derekswingley1]

Yes, it's all CSS. Here's a tweaked (and very ugly) version:  http://jsbin.com/IbisUJet/3/edit

[GaneshSolai_Sambandam]

Hi Derek
It works fine with javascript api 3.7 version. But, the .esrisimplerSlider css property doesn't seem to work with version 2.8.

Is there anyway, you could provide me  a code that can work with 2.8 version.

By the way, as you are working as Product Engineer team with ESRI on the ARCGIS JavaScript api development team,  I thought of asking this question to you.

At the moment, with editor widget - only simple point, line and polygon features is working with this functionality. But, Multipoint feature isn't supported at the moment. Is there any update on this, for the future releases. If this has already amended, then, can you please point me in the right direction - with relevant code and sample application.

Thanks in advance

Ganesh