topic Collapse whitespace between results in Zone Lookup Instant App in ArcGIS Instant Apps Questions

Collapse whitespace between results in Zone Lookup Instant App

ZenMasterZeke — Thu, 09 Jan 2025 21:59:38 GMT

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

Portal version

Re: Collapse whitespace between results in Zone Lookup Instant App

KellyHutchins — Wed, 15 Jan 2025 17:12:01 GMT

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.

Re: Collapse whitespace between results in Zone Lookup Instant App

ZenMasterZeke — Wed, 15 Jan 2025 18:10:25 GMT

The popups are correct, yes. Thanks @KellyHutchins

Re: Collapse whitespace between results in Zone Lookup Instant App

KellyHutchins — Fri, 17 Jan 2025 17:26:25 GMT

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

.esri-widget__table{ line-height:1em; }

Re: Collapse whitespace between results in Zone Lookup Instant App

ZenMasterZeke — Fri, 17 Jan 2025 19:40:38 GMT

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!

Re: Collapse whitespace between results in Zone Lookup Instant App

KellyHutchins — Fri, 17 Jan 2025 19:55:57 GMT

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

Re: Collapse whitespace between results in Zone Lookup Instant App

ZenMasterZeke — Fri, 17 Jan 2025 20:57:02 GMT

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

Re: Collapse whitespace between results in Zone Lookup Instant App

KellyHutchins — Thu, 20 Feb 2025 22:05:13 GMT

Sorry for the late reply I missed the notification. It is odd that there is so much whitespace in the results I've tested a few apps and can't reproduce. Can you send details for the config options you've selected in the Zone Lookup section of the configuration experience?