Created rounded-pill text borders

[rockflip]

I’m trying to make rounded-pill text in a repeating group, like this:

I put a background color around the text with roundness, but I can’t figure out how to make the border fit the content, so it’s stretching the full width of the cell. Like this:

Here are my conditionals:

What am I doing wrong? Thanks.

[mikeloc]

What Adam said in the other thread where you asked this question…

Shapes with text in a repeating group list?

Assuming you’re using the New Responsive Engine, you can set ‘Fit Width To Content’

Oh, and if you aren’t using the new responsive engine, you should be.

[adamhholmes]

It’s dead simple:

…(unless you’re using the legacy responsive engine, in which case you’ll have to use some custom code to do it)

Here’s a super-simple demo if you’re still not sure:

RG Rounded Pills

[NoCodeWan]

Perhaps this might solve your predicament.

HTML chips & tags | Bubble.io Tutorial