topic Re: Is there a way to maximize PopupMobile automatically? in ArcGIS Web AppBuilder Questions

Is there a way to maximize PopupMobile automatically?

FlavieMORAUX1 — Wed, 28 Sep 2016 14:54:05 GMT

In webapp (developer) in mobiel mode PopupMobile opens but minimized.

I want the PopupMobile opens and maximize automatically.

API does not provide a methode to maximize, only to :

show ==> in order to open but mimimized
hide ==> in order to close.

Do you have an idea to do this?

Thanks,

Flavie

Re: Is there a way to maximize PopupMobile automatically?

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:17:23 GMT

Flavie,

Sure in the MapManager.js find the resetInfoWindow function and have the following changes (lines 15 - 22):

      resetInfoWindow: function(isNewMap) {
        if(isNewMap){
          this._mapInfoWindow = this.map.infoWindow;
          if(this._mapMobileInfoWindow){
            this._mapMobileInfoWindow.destroy();
          }
          this._mapMobileInfoWindow =
          new PopupMobile(null, html.create("div", null, null, this.map.root));
          this.isMobileInfoWindow = false;
        }
        if (window.appInfo.isRunInMobile && !this.isMobileInfoWindow) {
          this.map.infoWindow.hide();
          this.map.setInfoWindow(this._mapMobileInfoWindow);
          this.isMobileInfoWindow = true;
          this._mapMobileInfoWindow.on("show", lang.hitch(this, function(){
              require(['dojo/query'], function(query) {
                //Maximize popup
                html.setStyle(query(".esriPopupMobile")[0], "display", "none");
                html.setStyle(query(".esriMobileNavigationBar")[0], "display", "block");
                html.setStyle(query(".esriMobileInfoView.esriMobilePopupInfoView")[0], "display", "block");
              });
          }));‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Is there a way to maximize PopupMobile automatically?

FlavieMORAUX1 — Wed, 28 Sep 2016 16:19:44 GMT

Great!

But just a little problem with minimize button. After clicking on this button, PopupMobile never appears.

For my needs I can hide this button, so no worries.

.esriMobileNavigationBar .esriMobileNavigationItem.right {
display: none !important;
}

Thank you Robert!