AnsweredAssumed Answered

Customize zoom and home button in WAB

Question asked by AlexSabrina on Oct 26, 2016
Latest reply on Feb 21, 2018 by rscheitlin

I am pretty new to web app builder. I am trying to customize it the way I want.

 

I am trying to achieve something similar to that:

 

 

 In the JS API it would look like that. Not too sure how to recreate such a thing in WAB.

//Create Home button
initialExtent = map.extent;
dojo.create("div", {
className: "esriSimpleSliderHomeButton",
title: 'Zoom to Full Extent',
onclick: function () {
if (initialExtent === undefined) {
initialExtent = map.extent;
}
map.setExtent(initialExtent);
}
}, dojo.query(".esriSimpleSliderIncrementButton")[0], "after");

 

Thanks,

Alex

Outcomes