topic Re: How to position zoom slider in UR corner (override default style) in ArcGIS JavaScript Maps SDK Questions

How to position zoom slider in UR corner (override default style)

DirkVandervoort — Fri, 09 Oct 2015 03:41:15 GMT

I've got a map dijit - by default the simple zoom slider (+/-) is in the upper left corner. I want to place it in the upper right corner. According to the documentation I can use this in my CSS:

.esriSimpleSliderTL {

top: 50px;

right: 50px

}

Unfortunately all this does is stretch the zoom slider. Like this:

Try it here: http://jsfiddle.net/bEwcD/3/

How to I get that zoom slider 50px by 50px from the upper right?

TIA

Re: How to position zoom slider in UR corner (override default style)

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:35:38 GMT

Dirk,

you have to unset the left constraint.

.esriSimpleSliderTL {
    right: 50px;
    top: 50px;
    left: unset;
}

Re: How to position zoom slider in UR corner (override default style)

DirkVandervoort — Sat, 10 Oct 2015 03:26:50 GMT

Close but not quite there yet. Turns out that unset is not supported in IE, Safari, and Opera.

unset - CSS | MDN

Re: How to position zoom slider in UR corner (override default style)

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:35:41 GMT

Dirk,

OK to make it work in browsers that don't support "unset" use "auto"

.esriSimpleSliderTL {
  right: 50px;
  top: 50px;
  left: auto;
}