change Web Appbuilder map zoom slider buttons

JosephRogan — Mon, 10 Aug 2015 17:54:55 GMT

I am wondering show to change the map zoom slider buttons from the two + - to the large vertical slider. in the javascript api it was as simple as using sliderStyle: "large" in the map constructor. I can't seem to find where I can configure this, there is no widget for it. I am using Web AppBuilder 1.1 (Developer Edition). Thanks!

Re: change Web Appbuilder map zoom slider buttons

RobertScheitlin__GISP — Sat, 11 Dec 2021 07:32:56 GMT

Joseph,

This is something that is not configurable in WAB in version 1.2 at lest you can turn the zoom slider off but there is no other configuration for it. You can manually add the the change in the MapManager.js file, Just make this change (line 23):

      _processMapOptions: function(mapOptions) {
        if (!mapOptions) {
          return;
        }

        if(!mapOptions.lods){
          delete mapOptions.lods;
        }
        if(mapOptions.lods && mapOptions.lods.length === 0){
          delete mapOptions.lods;
        }

        var ret = lang.clone(mapOptions);
        if (ret.extent) {
          ret.extent = new Extent(ret.extent);
        }
        if (ret.center && !lang.isArrayLike(ret.center)) {
          ret.center = new Point(ret.center);
        }
        if (ret.infoWindow) {
          ret.infoWindow = new InfoWindow(ret.infoWindow, html.create('div', {}, this.mapDivId));
        }
        ret.sliderStyle = "large";
        return ret;
      },

Looks like you will have to do some css work as well as the are only accounting for the small slider.

topic Re: change Web Appbuilder map zoom slider buttons in ArcGIS Web AppBuilder Questions

change Web Appbuilder map zoom slider buttons

Re: change Web Appbuilder map zoom slider buttons