ArcGIS Experience Builder- Issue with list widget sizing

Question

Hello EB team,

We're recently noticed an issue with the Experience builder list widget. The list is set to pages, and height is set to auto. When filtering the list the size of the list widget does not shrink leading to an excessively long page design.

If we shrink the text box or use custom size, the text box opts for a scrollbar leading to a double scrollbar effect on the webpage (not ideal for UX).

Is there any workaround or planned fix for this?

Thanks,

Amanda Huber

ShengdiZhang · Answer

Hi @KatieGaut ，

The current behavior is by design, as the list widget has a fixed height, so filtering the list does not modify its height. What I'm suggesting is to decrease the number of items per page for the list widget to reduce the noticeable spacing.

Additionally, after reviewing your app, an enhancement we could make in the next release is removing the maximum height restriction on multi-page lists. This would prevent scroll bars and extra spacing from appearing if the multi-page list height is set to auto.

Regards,

Shengdi

KatieGaut · Answer

Hi @ShengdiZhang ,

I'm not clear what that formula is, nor do I see that in the EB's documentation. 
That being said, I've included a screen recording of what we're seeing for the list widget with a multi page setting and custom height . Please let me know if this is the behavior you see on your end as well.

Thank you,

Amanda Huber

ShengdiZhang · Answer

Hi @Amanda__Huber ,

The maximum value of the auto height of the list is limited to one screen height, because without any limitations it can lead to many errors.

One solution is to set a proper custom height for the list widget. For row, multi-page lists, the height should be around [Item height * Items per page + Vertical spacing * (Items per page -1) +30] in px.

However, if the list items are filtered to only one or two records, there will still be some extra spacing.

Regards,

Shengdi