It's Dat. Browsers or devices effect on ESRI pop-up windows?
538
2
02-22-2021 05:18 AM
by
Hi, all.
I have problem with displaying amenities for our State Parks Web Map.
The web map is looking great on desktop, tablet https://arcg.is/05XDT00 (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!
by
XanderBakker
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="https://otrd.maps.arcgis.com/sharing/rest/content/items/7d6319bddcd8463fa95072771be2e9b9/data" width="35" />
<img style="display:{expression/expr1};float:left;" alt="Fishing" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/f20a6937189144aebfdeb42217857b37/data" width="35" />
<img style="display:{expression/expr2};float:left;" alt="Hiking" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/45abe00b44484f84946c02efc8c0b6b0/data" width="35" />
<img style="display:{expression/expr3};float:left;" alt="Archery" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/496f45f58b8a483c961c00b1f67efe95/data" width="35" />
<img style="display:{expression/expr4};float:left;" alt="Biking" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/52d5725bf8cf47dc94861d057ac2936d/data" width="35" />
<img style="display:{expression/expr5};float:left;" alt="Boating" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/1313e5abf0ed4ca3965f778359bca3bb/data" width="35" />
<img style="display:{expression/expr8};float:left;" alt="Canoeing" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/1f47ccd6746d4db685e9a33c7f70a4ee/data" width="35" />
<img style="display:{expression/expr9};float:left;" alt="Disc Golf" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/b3442aabaf9649ccaac67b75b61fb1ea/data" width="35" />
<img style="display:{expression/expr10};float:left;" alt="Horse Riding" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/0f7359a8768f40a08ff8cb1fdd3addff/data" width="35" />
<img style="display:{expression/expr11};float:left;" alt="Hunting" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/81fc9360cca549c3857b9931ee1a2b91/data" width="35" />
<img style="display:{expression/expr13};float:left;" alt="Rock Climbing" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/79e50c9df79445c6a8ee5ac9540fc37d/data" width="35" />
<img style="display:{expression/expr14};float:left;" alt="Swimming" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/014308e4c92243b99884eb41a854c1e1/data" width="35" />
<img style="display:{expression/expr15};float:left;" alt="Watchable Wildlife" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/f1be4ca3910d43e0804de06c0bd46639/data" width="35" />
<img style="display:{expression/expr0};float:left;" alt="ATV" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/d01f5eab653e4b57acaf964bc9c66336/data" width="35" />
<img style="display:{expression/expr6};float:left;" alt="Baseball" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/c9cb4f27cb55462bb91daf1a6af73afc/data" width="35" />
<img style="display:{expression/expr7};float:none;" alt="Natural Center" border="0" src="https://otrd.maps.arcgis.com/sharing/rest/content/items/e2a4146936714d1d99d07f95977d0dbc/data" 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 />
{Description}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:
by
