Zoom Slider position

[ChiranjeeviGK]

Hi

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

can you help me how?

[GaneshSolai_Sambandam]

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"

[GregKnight · Accepted solution]

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