topic Disable responsive design in ArcGIS Online Questions

Disable responsive design

deleted-user-4PLh50_3Zdqz — Wed, 09 Sep 2015 14:56:13 GMT

Hey!

I'm trying to embed my app on a website and it should be very small. The problem is that the view switches from desktop version to mobile version while downsizing it

Is there a way to disable this setting?

Thank you!

Re: Disable responsive design

ChrisSmith7 — Wed, 09 Sep 2015 16:02:50 GMT

If you're using the web app builder, there's a way to set the theme:

App configuration—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

Here's some info on creating themes:

Create a theme—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

Re: Disable responsive design

KellyHutchins — Wed, 09 Sep 2015 16:32:19 GMT

Which app are you using? Embed?

Re: Disable responsive design

deleted-user-4PLh50_3Zdqz — Thu, 10 Sep 2015 06:21:47 GMT

I'm using the web AppBuilder on ArcGIS online

Re: Disable responsive design

NathanielRoth1 — Thu, 10 Sep 2015 15:11:28 GMT

Do you want it to stay in desktop mode when downsized? My suspicion is that that might have a short term benefit, but reduce the usability.

If you just want to keep the map small and suppress the resizing, you should be able to specify the height and width on the iframe being used for embedding the app.

Re: Disable responsive design

deleted-user-4PLh50_3Zdqz — Thu, 10 Sep 2015 15:26:19 GMT

Acutally I want to stay it in desktop version when downsized. At least I would like to try how it looks like. It is important that the pop-up stays the same even if the map is smaller than 600x600 px. Do you know how to do this?

Re: Disable responsive design

NathanielRoth1 — Thu, 10 Sep 2015 15:31:53 GMT

The elements controlling responsiveness for the arcgis online version of the web app builder are unfortunately in the code hosted by Esri, so I don't think you can disable the responsiveness.

If you were using the developer edition of the web appbuilder, and hosting your own app, you could get into the code (mostly css) to disable it, but that might also be a deep rabbit hole unless you're comfortable with making the edits.

Re: Disable responsive design

deleted-user-4PLh50_3Zdqz — Mon, 14 Sep 2015 10:28:53 GMT

I finally was able to download the app. Unfortunately I'm not that comfortable with making the edits. So I wondered wether you could explain to me which file has to be changed? It is just that one feature I want to disable. That would be great!

Re: Disable responsive design

deleted-user-FwGV4nJuPxiQ — Wed, 03 Feb 2016 12:01:36 GMT

Try commenting out lines 110 and 111 in jimu.js/MapManager.js:

//this.map.setInfoWindow(this._mapMobileInfoWindow);

//this.isMobileInfoWindow = true;

I've only just tried it myself, but it seems to have the desired effect.