topic Re: Instant Apps widgets not responsive when app is embedded in ArcGIS Instant Apps Questions

Instant Apps widgets not responsive when app is embedded

MichaelHalley — Mon, 18 Mar 2024 11:47:02 GMT

Hi There

I have many instant apps embedded on my website (URL in an iFrame), which is built with Wix and some of the webapp widgets are unresponsive (Zoom, Layers, Bookmarks, Legend). However, the exact same instant apps are also hosted on a client website and function perfectly.

Example on own website: https://www.forgesa.com/find-your-path/cape-winelands/jonkershoek-nature-reserve

On client website: https://www.capenature.co.za/reserves/jonkershoek-nature-reserve

On other pages on our website we host custom built WAB which are very unresponsive. We would like to migrate these soon to either Experience Builder or Instant apps but if the same responsive issue will occur then we will have to completely reevaluate our migration strategy.

Note: Tested on Chrome on multiple devices.

Any help would be much appreciated!

Re: Instant Apps widgets not responsive when app is embedded

KellyHutchins — Mon, 18 Mar 2024 16:26:56 GMT

@MichaelHalley it looks like the widgets you mention are unresponsive because they are underneath an overlay that is part of that page. In this screenshot you can see there is a transparent overlay that is blocking access to the underlying widgets. This overlay is not part of the instant app and must come from the outer page. If you have the ability to change the CSS styles associated with the page you could try adding this rule to hide that overlay

#comp-ls7ub5hd{ display:none;}

Re: Instant Apps widgets not responsive when app is embedded

MichaelHalley — Mon, 18 Mar 2024 18:04:55 GMT

Hi Kelly

Woops! That's embarrassing - thanks for figuring that out!

Re: Instant Apps widgets not responsive when app is embedded

smithhalsey042smithhalsey — Sat, 06 Jul 2024 05:34:36 GMT

When embedding Instant Apps modmomo widgets, ensuring responsiveness is crucial for a seamless user experience. Issues with non-responsive widgets often stem from conflicts between the host environment and the widget's design.