topic Re: Can the zoom slider tick marks be styled? in ArcGIS JavaScript Maps SDK Questions

Can the zoom slider tick marks be styled?

TyroneLigon — Tue, 03 Dec 2013 16:52:11 GMT

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,

Re: Can the zoom slider tick marks be styled?

derekswingley1 — Tue, 03 Dec 2013 17:41:16 GMT

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; }

Re: Can the zoom slider tick marks be styled?

GaneshSolai_Sambandam — Mon, 09 Dec 2013 19:46:59 GMT

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.

Re: Can the zoom slider tick marks be styled?

derekswingley1 — Mon, 09 Dec 2013 22:11:11 GMT

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

Re: Can the zoom slider tick marks be styled?

GaneshSolai_Sambandam — Tue, 10 Dec 2013 18:58:12 GMT

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