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; } } }

Pop-ups in the Basic Viewer web app template in ArcGIS Online

TanyaWright1

My pop-ups in the Basic Viewer web app template in ArcGIS Online are not displaying the arrows and "x" close out button properly. (see snapshot below). Does anyone know what could be causing this issue? Also, is there an easy way to "dock" popups when using the other web app templates? Thanks!

Find more posts tagged with

Accepted answers

All comments

khutchins

I just ran a quick test and using this app the arrows do show up. Is your web app public? If so can you share the link.

https://diygeoapps4.maps.arcgis.com/apps/View/index.html?appid=4a8f7b2f660e4c95bfe604c19b9d673a

You can also display popup content in a side panel in the minimalist template.

TanyaWright1

Thanks for your reply! When I opened your app using Internet Explorer I received the same error on the arrows, but when I opened it with Google Chrome it worked normally. However, it is only my newer applications that are giving me this error in Internet Explorer.

Internet Explorer: Google Chrome:

The apps are currently only shared internally, but may be public in the future.

khutchins

Could be an app bug in IE. I'll setup a test which version of IE are you using?

TanyaWright1

IE 11, specifically, Internet Explorer Version 11.0.9600.18059. Thanks!

khutchins

Ok it is a bug and we'll get it fixed for the next release. In the meantime you can fix it in your application by clicking the 'Configure App' button and then selecting the Theme option and pasting the following css into the 'Custom css' text box. Let me know if you have any questions about getting the fix working in your app.

.popupButton{overflow:visible;}

TanyaWright1

Thank you! I applied the fix and the app is now working perfectly!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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