It's Dat. Browsers or devices effect on ESRI pop-up windows?

02-22-2021 05:18 AM
New Contributor II

Hi, all.

I have problem with displaying amenities for our State Parks Web Map.

The web map is looking great on desktop, tablet (Thanks @XanderBakker )

On computer,  it looks great with pop-up, the amenities showing inline


But on my Android phone, somehow, it came out vertical!!!  If anyone know how to fix this problem, please let me know.  Thank you and be well!



Tags (1)
0 Kudos
2 Replies
Esri Esteemed Contributor

Hi @DatNguyen2 ,


Just to add a little bit more detail. The HTML used is:

<img style="display:{expression/expr12};float:left;" alt="Picnic" border="0" src="" width="35" />
<img style="display:{expression/expr1};float:left;" alt="Fishing" border="0" src="" width="35" />
<img style="display:{expression/expr2};float:left;" alt="Hiking" border="0" src="" width="35" />
<img style="display:{expression/expr3};float:left;" alt="Archery" border="0" src="" width="35" /> 
<img style="display:{expression/expr4};float:left;" alt="Biking" border="0" src="" width="35" />
<img style="display:{expression/expr5};float:left;" alt="Boating" border="0" src="" width="35" />
<img style="display:{expression/expr8};float:left;" alt="Canoeing" border="0" src="" width="35" /> 
<img style="display:{expression/expr9};float:left;" alt="Disc Golf" border="0" src="" width="35" />
<img style="display:{expression/expr10};float:left;" alt="Horse Riding" border="0" src="" width="35" />
<img style="display:{expression/expr11};float:left;" alt="Hunting" border="0" src="" width="35" />
<img style="display:{expression/expr13};float:left;" alt="Rock Climbing" border="0" src="" width="35" />
<img style="display:{expression/expr14};float:left;" alt="Swimming" border="0" src="" width="35" />
<img style="display:{expression/expr15};float:left;" alt="Watchable Wildlife" border="0" src="" width="35" />
<img style="display:{expression/expr0};float:left;" alt="ATV" border="0" src="" width="35" /> 
<img style="display:{expression/expr6};float:left;" alt="Baseball" border="0" src="" width="35" />
<img style="display:{expression/expr7};float:none;" alt="Natural Center" border="0" src="" width="35" />

<br /><br /><br />

Address: {FULLADDR}<br />
Telephone: <a href="{POCPHONE}" rel="nofollow ugc" target="_blank">{POCPHONE}</a><br />
Website:  <a href="{PARKURL}" rel="nofollow ugc" style="color:blue">Click to access State Park Website</a><br />

Although you mention that the pop-up works good when displayed on a desktop, it does not behave correctly in every situation. Have a look at "Beavers Bend" in the lower right corner:



New Contributor II

Updating with ESRI Rep answers:

Hello Dat,  I just wanted to reach and update you on your case, #02745608, regarding the pop-up window configurations in your web map. Unfortunately, it looks like this is a known limitation. I have tried to find a workaround, or way to edit the mobile browser configuration, but have had no luck at this time. 
Thank you,
Esri Support Services

0 Kudos