Is it possible for List items to set their height dynamically?

[MappyIan]

Hi there, I'm new to Experience Builder (be gentle with me!) and I'm having problems configuring a List widget how I would like. I've created an Experience consisting of three columns using the Grid layout configured as follows:

• The left most column has an Accordion with some Filters
• The middle column has a List element
• The right hand column has a map

Users interact with the Experience using the Filters to limit the records shown in the List.  The problem I'm having is that the individual List elements seem to have a fixed height but the contents are variable depending on the feature displayed.  In the image below you can see the problem that there is a big bit of empty space in the KB House item  because that feature has less information to display:

What I'd like is for the individual List elements to dynamically set their size depending on their contents so that it displays as follows:

The only setting I can see in Experience Builder that controls the height of the individual List items requires a value in pixels, meaning that all list items are displayed at the same height, regardless of their contents:

Does anyone know if I'm missing something or if there is another way of achieving what I'm after (i.e. is there an alternative element to the List I could use instead)?  I'm using ArcGIS Online, not Enterprise.

Any help/ideas would be greatly appreciate.

[JeffreyThompson2]

I've been thinking about how to hack this out and I don't have a solution other than developing a Custom List Widget in Developer Edition. 

[MappyIan]

Hi @JeffreyThompson2, thanks for the reply.  I take it there isn't any way of achieving the same result (that you're aware of) using another type of Widget/control in Experience Builder?  I think writing a custom Widget using Experience Builder Developer Edition is a little bit beyond my capabilities at the moment!

[JeffreyThompson2]

I considered Cards, Feature Info and other ways to configure a List. I don't see a way to make this work without fundamentally undermining your app's intention or design in some other way.

But there may be a simple design solution here: make your images larger so they go to the bottom or near the bottom of your List rectangles. This should make your extra whitespace look more balanced and intentional. Just make sure that all your images are the same size/ratio as each other and the design should look ok. If you want to go a bit further, you could use the images as the background of these List rectangles, but you would need to be very careful that your text is still readable for all background conditions.

[MappyIan]

Thanks @JeffreyThompson2. I had considered making the images larger but it's not really feasible for a bunch of reasons.  Thanks for taking the time to respond though, it's much appreciatd.

[MappyIan]

I've logged this as an idea in the absence of any solution: https://community.esri.com/t5/arcgis-experience-builder-ideas/make-the-height-of-list-items-dynamic-... 

Please give the Idea some kudos if you think it would be a helpful addition to Experience Builder.