Spacing Between Popup Elements

186
5
a week ago
Labels (1)
ZorbaConlen1
Frequent Contributor

Hi. In a popup, I'm struggling to remove extra white space between elements. So, I have a text element, then an arcade element followed by a text element. There is extra space between each of these. In the snip below, you can see that there is a lot of space btwn the arcade element, which is a table of zoning info and the text elements above and below it. 

Is there some way to remove that so that the 'Planning' portion is more compact?

 

ZorbaConlen1_0-1763515415979.png

 

Here is how the popup is configured

ZorbaConlen1_1-1763515581473.png

Thanks

 

Tags (3)
5 Replies
ZenMasterZeke
Frequent Contributor

It looks like you're using the regular popup for Planning, based on the table-like formatting. Try converting that to an Arcade expression as well. If you're already using Arcade for Planning, maybe post that here.

0 Kudos
CodyPatterson
MVP Regular Contributor

Hey @ZorbaConlen1 

I believe that when using the popups as you are, they place an invisible line break or <br> between then, maybe more than one it looks like.

A way that I've gotten around this is placing all of my text in a single text entry or Arcade instance, that removed all the spacing for me.

Cody

MarcusToyne
Emerging Contributor

One other approach might be to bring the headings and the arcade expressions into a single text box and use html formatting if you need finer control.

0 Kudos
HollyTorpey_LSA
Frequent Contributor

I don't have an answer, but I've struggled with the same issue. In the interest of time, I want to use the simplest/easiest element possible for each section rather than having to do the whole thing in an Arcade element, but then I end up with the annoying gaps between elements. It would be great if Esri would remove the extra padding between elements. We can add that manually if we need it.

- Holly
RPGIS
by MVP Regular Contributor
MVP Regular Contributor

The only thing I can think of is to create an expression that concatenates and modifies the html at the same time. Something like:

var C = ['• SomeValue','• SomeValue','• SomeValue']
return Concatenate(C,'/n')

in addition to the html element. Something that may be doable but I have yet to test this fully.