AnsweredAssumed Answered

Positioning zoom slider

Question asked by samirgambhir on May 25, 2012
Latest reply on May 28, 2012 by samirgambhir
Hello,
I have two tabs in my application and both tabs have map divs in it. The scale and position of each map is different. I would like to have different placement for zoom slider in each tab. I am trying to use esri.config.defaults.map.slider in the following way:

function onSelectChild(page) {
      switch(page.id){
        case 'mappingTab':
          mapM = new esri.Map("mapM", {extent : iniExtentM});
          StreetMapM = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer");
          StreetMapM.setOpacity(0.60);
          mapM.addLayer(StreetMapM);
          esri.config.defaults.map.slider = {position:"absolute",left:"225px", top:"30px", height:"200px", zindex:"30"};
          break;
        case 'analysisTab':
          mapA = new esri.Map("mapA", {extent : iniExtentA});
          StreetMapA = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer");
          StreetMapA.setOpacity(0.60);
          mapA.addLayer(StreetMapA);
          esri.config.defaults.map.slider = {position:"absolute",right:"30px", top:"30px", height:"200px", zindex:"30"};
          break;
      }
    }

but since this is the default slider, any changes impact sliders on both tabs in the same way. Does anyone know a way to do this?
Thanks
Samir Gambhir

Outcomes