Collapse groups horizontally

Currently building a feature which displays a badge for users on my platform.

I’m using a group and dynamic text element to display each badge value.

1

2

As some badge titles contain less characters, the group looks out of proportion when not filled.

3

Would love to know if there was a way to make the group horizontally responsive/collapse based on the character count of the text.

Would appreciate any insights.

Hi @lachlankirkwood1 :slight_smile: One workaround is to use a disabled, multidropdown element, with the initial content being the Current User’s badges. Here is a similar example with Categories:

Editor:

Preview:

7 Likes

Thanks, appreciate it!

Will give this a try :+1:

1 Like

Awesome! No problem at all! :slight_smile:

This topic was automatically closed after 70 days. New replies are no longer allowed.