After creating a web app in ArcGIS Online, I downloaded the app using the Web AppBuilder for ArcGIS (Developer Edition). Several folders, .json, .html, .js, and .css files are contained within the download. I have been able to modify the header and website color scheme, as well as move the Home button and various other widgets. However, I cannot find any reference to the Zoom Slider. I have found several posts on how to hide the slider, but not within the downloaded AppBuilder developer edition.

How would I move the slider down the page to accommodate a larger header? Where would this code be inserted (in the config.json, index.html, or another file included within the download)?

  • Edit the css/style.css at (WebAppBuilderFolder)/client/stemapp/widgets/ZoomSlider
    – Pavel V.
    Commented Mar 15, 2016 at 8:36

1 Answer 1


Edit the config.json file in the root directory.

This part specifically:

    "uri": "widgets/ZoomSlider/Widget",
    "position": {
      "top": 5,
      "left": 7,
      "relativeTo": "map"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.