topic Re: Huge empty space in custom popup when displayed in Experience Builder app. in ArcGIS Experience Builder Questions

Huge empty space in custom popup when displayed in Experience Builder app.

FranklinAlexander — Thu, 26 Oct 2023 15:47:07 GMT

I am trying to add some custom some very simple content to a popup in a Web Map. The popup displays fine in the Web Map, but when I open the popup from an Experience Builder app, there is a HUGE space below the text. The seems like a serious bug to me, but has any one else had this issue? I am using EXB developer 1.12. Please refer to images:

HUGE empty space!

Re: Huge empty space in custom popup when displayed in Experience Builder app.

rVeloz — Thu, 26 Oct 2023 16:00:44 GMT

hello FranklinAlexander.

And you have no stray <br> or <p> or any spacing tags (or possibly img tags) when you look at your popup in Source view?

Re: Huge empty space in custom popup when displayed in Experience Builder app.

leahmaps — Thu, 26 Oct 2023 16:02:01 GMT

Click this button to view the HTML of your pop-up. Is there anything in there that would create extra paragraphs?

Re: Huge empty space in custom popup when displayed in Experience Builder app.

FranklinAlexander — Thu, 26 Oct 2023 16:13:06 GMT

Nothing that I can see:

I tried clicking in the space beneath the html to make sure the was no extra space and there wasn't. The cursor always remains in the expression. Also, if there was any extra space I would think it would show up in the Web Map.

Re: Huge empty space in custom popup when displayed in Experience Builder app.

AngelaSchirck — Thu, 26 Oct 2023 20:12:51 GMT

Did you try a "reboot"? LOL Delete that text content and start over.

Re: Huge empty space in custom popup when displayed in Experience Builder app.

FranklinAlexander — Fri, 27 Oct 2023 14:52:34 GMT

Ha! Yes, it's amazing often that seems to work. In this case, I tried that an then some but after a close examination of the Chrome console I finally found the culprit. The max-height property in my custom theme style.css file was set to 400px for the popup dialog so I just removed the property and that fixed the issue. Not sure if I did that or if it was an inherited property, but my popups look a lot better.

Re: Huge empty space in custom popup when displayed in Experience Builder app.

AngelaSchirck — Mon, 30 Oct 2023 12:02:13 GMT

Great, glad you figured it out.