topic ArcGIS Javascript API v3.29 - Mobile infoWindow fullscreen on touch in ArcGIS JavaScript Maps SDK Questions

ArcGIS Javascript API v3.29 - Mobile infoWindow fullscreen on touch

MaximeDemers — Fri, 20 Sep 2019 19:46:37 GMT

Hi,

I would like to know if it's possible to show the infoWindow directly fullscreen after a touch event on mobile instead of showing a small popup in which you have to click again to display the info fullscreen.

I would like to prevent this popup above and automatically show the fullscreen InfoWindow like below.

It's for a 2D WAB application in version 2.13 so the ArcGIS Javascript API version is 3.29.

Any suggestion?

Thank you!

Re: ArcGIS Javascript API v3.29 - Mobile infoWindow fullscreen on touch

CarlosNantes — Wed, 25 Sep 2019 14:31:04 GMT

A quick and dirty way of doing it, could be something like this:

function configurePopupMobileToMaximize (map) {

require(['dojo/aspect'], function(aspect){

aspect.after(map.infoWindow, 'onSelectionChange', function () {

var feature = map.infoWindow.getSelectedFeature();

if (feature !== undefined && map.infoWindow._toggleView) {

map.infoWindow._toggleView();

}

});

}

Then just call somewhere this function to configure the behaviour before the user open some popup.

configurePopupMobileToMaximize(myMap);

Now, this uses a "private" function _toogleView() that we probably shouldn't use directly for some reason. Also, you probably should require the aspect module somewhere else (like a define block) and not inside the function.

But it works.

Re: ArcGIS Javascript API v3.29 - Mobile infoWindow fullscreen on touch

MaximeDemers — Wed, 25 Sep 2019 14:36:41 GMT

Nice and simple! Thank you Carlos for sharing this,