Chips - Fit to width in repeating group [SOLVED]

Hi guys,

Has anyone figured out the best way to display a list of chips in a repeating group where each chip fits to its content? The issue I have is that RG force cells to have the same width.

Cheers.

You mean in a row? or a column?

sure, just make the width of each chip fit to content, and set a small min width for each column in RG setup. looks like this:

1 Like

These are the RG settings you need:

1 Like

This won’t work in a repeating group because the cells auto stretch to match the largest width;

I don’t have these options?

You do, in the appearance tab.

Rows and columns, like this;

chips

I will be presenting the user with a list of ‘Skills’ which I will then display on their Profile page. I also wonder the best place to store the list of skill options that users can choose from, whether to use an Option Set or a Database Datatype.

So I do, apologies! Have used the settings below but the repeating group still auto stretches to the wides element.

I can see that you haven’t matched the settings I showed.

Once you do, the result is what you’re looking for

My apologies, yes you are correct and thank you for your patience with me - had a long night yesterday and I just bought my first coffee!

I matched your settings and you are correct - all works great. :ok_hand:

For any newcomers to the thread, this is the end result:

1 Like

it is a RG, here, check it out: Dropdown-issue | Bubble Editor

Nice :+1:

Is that what you wanted?

I thought you wanted something like this (without gaps between each item?):

In which case you need to uncheck the ‘Stretch columns to fill width’ box (just like @georgecollier showed in his example).

Here’s an example of what it should look like, and how to do it:

2 Likes

Ah, I missed that ‘stretch columns’ setting, thank you for pointing that out Adam. Yes, now it looks even better. See results below :slight_smile:

1 Like