How to create “tag-style” chips using Short List in the new Bubble Mobile Editor?

Mobile Beta
1

Hi everyone!
I’m building a mobile app using the new Bubble Mobile Editor, and I’m trying to create a set of tags/chips similar to the ones shown in the screenshot below:

image
image374×105 3.41 KB

How can I correctly configure Short List + ShortListItem so that each item behaves like a tag/chip — auto-sized to its text and wrapping to the next line?

Any guidance or examples would be greatly appreciated!
Thanks in advance!

2

Hi, For wrapping tags, set the parent Short List to Row layout with ‘Wrap when content overflows’ enabled, and ensure the ShortListItem has its Min Width set to 0.

3

I do not see the setting “Wrap when content overlfows”….Where did you see it?

4

Hi @olgahvesko ,

Thanks for reaching out!

If you’re looking for a tag/chip solution for your mobile app, you might want to check out our Mention and Tag plugin which could help achieve what you’re looking for: Mention and Tag Bubble Mobile

Hope this helps point you in the right direction!

Best,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

5

Hi,

Have you found a solution on this? This is the one basic element that is missing right now…

6

Hi @timmarcie

If you’re also looking for a tag/chip solution for mobile apps, I’d recommend checking out our Mention and Tag plugin which can help achieve this functionality:

Mention and Tag Plugin: Mention and Tag Bubble Mobile

This plugin is designed specifically for Bubble mobile apps and should provide the tag/chip behavior you’re looking for - auto-sizing to text content and proper wrapping.

Hope this helps!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.