Select to view content in your preferred language

Collapse whitespace between results in Zone Lookup Instant App

152
6
01-09-2025 01:59 PM
Labels (1)
ZekeMI
by
Frequent Contributor

I created a Zone Lookup Instant app, where a user can enter an address and get back a list of various boundaries the address falls into, such as city, county, school district, etc.

In AGOL, I'm able to create popup expressions for all layers in the popup for just the first layer in the map, so it displays like a normal popup. I do this in Arcade by using the $userInput profile to get the coordinates of the address and then running an intersect on the other layers.

In Portal 11.2 and 3, the Arcade $userInput profile that I use to do this in AGOL isn't available, so I have to use individual popups for each layer. This results in relatively large whitespace between the results. Is there a way to decrease this whitespace, or emulate the AGOL look in some other way? Thanks.

AGOL version 

GregKeith_0-1736459860310.png

Portal version 

GregKeith_1-1736459914738.png

 

0 Kudos
6 Replies
KellyHutchins
Esri Frequent Contributor

l'll take a look. Looks like your popup is showing the field/attribute values is that correct? Just want to make sure I look into the proper css you can potentially use to modify this. 

0 Kudos
ZekeMI
by
Frequent Contributor

The popups are correct, yes. Thanks @KellyHutchins 

0 Kudos
KellyHutchins
Esri Frequent Contributor

Not sure if this will do the trick but you can try the following custom css

.esri-widget__table{
line-height:1em;
}
0 Kudos
ZekeMI
by
Frequent Contributor

Thanks @KellyHutchins. How/where would I add that? I can probably find it in F12 developer tools when the app is loaded, but does that persist? Thanks, appreciate it!

0 Kudos
KellyHutchins
Esri Frequent Contributor

The dev tools option is great for testing but those values do not persist. 

To persist it in the application you can paste it into the custom css panel in the configuration experience. It can be found in Theme & Layout > Theme > Custom CSS

ZekeMI
by
Frequent Contributor

Thanks again @KellyHutchins. That's a useful tip, but unfortunately didn't reduce the whitespace.

ZekeMI_1-1737147405614.png

 

ZekeMI_0-1737147341903.png

 

0 Kudos