nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS Online: Pop-up show up as mobile on desktop

DanPrice

Hi all !

I have users getting mobile pop-ups when they click for information using web apps on their desktop internet browser. Maps created in AGOL with web app builder. There seems to be no rhyme or reason for certain users

or type of web browsers, or which web app they are using. The mobile pop ups seem to come up one day, and come up as regular pop ups the next.

Anyone experience this or know a cause? Or, better yet, a solution?

Thanks & Happy GISing!

Dan

popupissue.jpg

XLSForm.png

Trouver plus de publications taguées avec

Accepted answers

RobertScheitlin__GISP

Dan,

This is normal behavior based on the users screen size. I can see this if you take your browser that is displaying popups as normal and resize the browser window that at a certain point (I'm not 100% sure the numbers) but the app will switch to using a mobile popup.

All comments

RobertScheitlin__GISP

Dan,

DanPrice

Thanks Rob

Have a great weekend!

Dan

abureaux_2-1656004646596.png

BCBen

Hi there, Is there any way to turn this forced mobile view off? I'm embedding the web-app built app in a website and the size is forcing the mobile pop-up. It's not as visually pleasing or as functional and I would like to turn it off. Any thoughts?

Thanks!

Ben

JackieMules

Hi Ben,

Did you manage to solve the issue with the mobile pop-up, I'm having the same problem.

Cheers

Jackie

BCBen

Hi Jackie,

No. Web appbuilder apps seem to automatically switch to the mobile pop-ups at a certain window size. You can test it by resizing your browser window. If you embed this into a website, you have to make sure that you hit the right size. It's really unfortunate as it would work just fine in the non-mobile view. Interestingly enough, you can embed a normal AGO map into the same size and have no forced mobile pop-up and the same goes for story maps. Let me know if you figure out a solution.

Ben

FlavieMORAUX1

If you want to turn off PopupMobile you must use web appbuilder developer edition and adapt code source as follows:

Open file \jimu.js\MapManager.js

Look for resetInfoWindow function

Turn variable isMobileInfoWindow to true:

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 = true;

In this way PopupMobile will never be used.

BCBen

Thanks Flavie! When you customize using WebAppBuilder Dev Edition does it need to be hosted?

Ben

abureaux_3-1656004685718.png

FlavieMORAUX1

If your question is webapp should be hosted ? Then the answer is yes.
With webapp builder Developer you need to host webapp on your own server.

BCBen

Thanks Flavie,

Unfortunately, I don't have access to a web server, only AGO but this is good to know to move us forward!

Take Care,

Ben

iREiMicronesia

it's not a matter of window size, i embed my map at a 1200px width and still giving me that wired mobile size pop-up

iREiMicronesia

ok a solution for this is that it's a bout the height of the embedding windows not just the width, lol never seen a design breakpoint based on height but you need to set your embedding frame at something more than 600px so 601px will resolve this

RobertScheitlin__GISP

iREi Micronesia,

It sounds like you are unaware that you have complete control though breakpoint values using mobilebrakpoint url parameter.

Use URL parameters—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

iREiMicronesia

well thank you for mentioning, i already read that in the docs but the thing is that i'm not using the " developer's edition " and setting this parameter doesn't work with hosted version it returns and error of
Cannot read property 'toLowerCase' of undefined
i put the query url parameter like that : ///apps/webappviewer/index.html?id=xyz?mobileBreakPoint=300

so i thought to mention my work around for any users who doesn't user the developer's edition as well.

RobertScheitlin__GISP

OK, I did not know this was not supported in the hosted version.

CarolineRose

I also have this problem, with the browser window maximized on a 14-inch laptop. When I open the full details of the popup, I can't see the whole list (there are lots of attributes). I can't find any way to scroll, arrow-down, or page-down to see the rest of the attribute list.

I am in Chrome on Windows 10.

I would really appreciate a solution for disabling mobile popups in ArcGIS Online.

JonathanHallam1

I have same issue, is there anyway to change popup for mobile browsers using AGOL,

I could use arcgis explorer but most people using app aren’t very technologically minded so another app to download maybe tricky but link can open from shared source browser is easier.

RobertScheitlin__GISP

Jonathan,

OK. I just tested and mobile break points do work in AGOL version. The issue iREi was having is they were using ?mobileBreakPoint=300 and you need to use &mobileBreakPoint=300 (since there is already a ? in the url).

iREi_Micronesia‌

JonathanHallam1

Hi Robert,

thanks for Replying, how do I change this in web app builder/AGOL?

RobertScheitlin__GISP

You have to add &mobileBreakPoint=300 to your url.

PeterGoedbloed

This is an idea on ideas.arcgis.com, you can vote it up the more popular an idea, the likelier it will be integrated in the platform: https://community.esri.com/ideas/14633-no-full-screen-size-of-pop-ups-on-large-screens

KarenTuerk2

Thank you!!! This was driving me nuts. iFrame with height=601 did the trick!

PaulCyr1

My web map has to be hosted on ArcGIS online (AGOL), too much traffic to host it internally, so their does not appear to be a work around. Has anyone else found another work around for turning off "mobile popups"?

I tried the url parameter suggestion, it didn't work, in AGOL.

I don't think we can modifying java script files when the web map is hosted on AGOL.

I'll try starting a case with ESRI support.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.