topic Re: Zoom Slider position in ArcGIS JavaScript Maps SDK Questions

Zoom Slider position

ChiranjeeviGK — Sat, 14 Sep 2013 06:45:22 GMT

Hi

can we move the zoom slider to different location like bottom right corner?

can you help me how?

Re: Zoom Slider position

GaneshSolai_Sambandam — Sat, 14 Sep 2013 08:27:51 GMT

Yes, you can position zoom slider

Try the syntax below
var map = new esri.Map("map", {
          showAttribution: false,
          sliderPosition: "top-right",
          sliderStyle: "large"
        });

if you put it in the bottom of your webmap page, then, try "bottom-right" or "bottom-left"

Also, you can change the sliderStyle: from "large" to "small"

Re: Zoom Slider position

GregKnight — Sat, 14 Sep 2013 11:46:07 GMT

Hi,

Once you've defined the slider style in your js, you can take care of positioning and styling through css.

The css class names for the large and small sliders are .esriLargeSlider and .esriSimpleSlider respectively.

Here's a sample:

https://developers.arcgis.com/en/javascript/jssamples/mapconfig_pos_size.html

Hope this helps,
Greg