topic Re: Disable mouse scroll in an embedded web mapping application in ArcGIS Web AppBuilder Questions

Disable mouse scroll in an embedded web mapping application

AJ_devaccount — Wed, 20 Apr 2022 16:14:28 GMT

I've created a web mapping application using WAB, and have embedded it into an ArcGIS Hub page. Is it possible to disable scrolling on the map using the mouse wheel? Anytime a user passes over the map, instead of scrolling up/down the page, it zooms in/out of the map, which can be a disruptive experience.

I've created it using the WAB, and unfortunately I'm not familiar with creating it using developer tools.

Edit: It seems that disabling it using WAB or embed settings in Hub doesn't work. Can I download the code of the application, and change it that way?

Thanks very much for your help.

Re: Disable mouse scroll in an embedded web mapping application

BryndaHatch — Mon, 18 Apr 2022 16:15:20 GMT

If you embedded your WAB in the Hub page using an iframe, then look for the setting called Allow Scrolling and turn it off.

https://doc.arcgis.com/en/hub/sites/embed-video-social-media-and-iframes.htm#ESRI_SECTION1_C30D73392D964D51A8B606128A8A6E8F

The link above is for the help doc on this.

Re: Disable mouse scroll in an embedded web mapping application

AJ_devaccount — Tue, 19 Apr 2022 13:28:44 GMT

thanks @BryndaHatch! I did try that option, but somehow it still auto scrolls if the cursor is on the map.

Re: Disable mouse scroll in an embedded web mapping application

BryndaHatch — Fri, 22 Apr 2022 15:36:34 GMT

I found this other thread that explains that turning the Allow Scrolling to No only turns it off for embedded apps like StoryMaps. https://community.esri.com/t5/arcgis-hub-questions/no-allow-scrolling-for-application-card-not/m-p/1041703

However, if you really want to turn it off, I found this other page that explains how: https://developers.arcgis.com/javascript/latest/sample-code/view-disable-zoom/