Display list of texts sepretly from eachother in a repeating group

Hello, so i have a data filed called “colors” in a data type called “paintings” and a users can add some colors to the database that is matching the painting. But i would like to display in a repeating group the painting (done) the name (done), description (done) but also the colors separated like in the image below
Screenshot 2023-10-19 at 08.08.53

But right now i can only get it to look like this:
Screenshot 2023-10-19 at 08.08.44

I’m thankful for any tyoe of help :partying_face:

Just add a right margin to the grey group/text

Hey Adam, thanks but what does that mean? right now it’s still one text bubble?

Well they need to be individual text elements (presumably one per cell)… then just separate them with a margin.

How would i seperate them when i display them? I display with current cells color colors

(which is a list) and thats when i get (blue, green, red) and not (blue) (green) (red)

you need to use a RG for them (or, you could do it with HTML, but the simpler, and more ‘Bubble’ way is just to use a RG).

Hmm so a repeating group inside a repeating group?

Yes exactly

1 Like

hello this is what I did recently for a tag list. Added an HTML element then copied the following code. You can then play with the values to obtain the desired visual. at the bottom in bold, replace only your Data Source.**
However, this solution will not change each item to a different color.

<style>
.tag span {
padding: 5px 7px;
background: #00AAFF;
border-radius: 20px;
color: #091747;
font-family: Arial;
font-size: 14px;
margin: 0 4px 8px 0;
font-weight: 600;
display: inline-block;
word-wrap: break-word;
white-space: normal;
}
</style>
<div class="tag"><span>**Parent group's Equipe's GameTag:each item's Display join with** </span><span>:capitalized words</div>

1 Like

Hey thanks! Seems a bit to complicated for me sadly

Hmm it keeps showing (blue, green, red)? Am i fetching the data wrong in the RG? Should i separate them somehow?

Just use margins (or gap spacing) to separate them…

Here’s a simple example:

Painting Colours (bubbleapps.io)

2 Likes

Adam, you’re truly a lifesaver! I can’t express my gratitude enough for the time and effort you’ve put into showing me all of this. It’s individuals like you who inspire people like me to stay committed to learning Bubble and being part of this wonderful community. Thank you once more! :raised_hands:

1 Like

One more question, im not using option sets, the users can add thier own colors like “beige” “Deep purple” etc. How would i go about adding that info since it’s not option sets?

It’s no different… if you list of colours is just a list of texts then just use that list instead of a list of options.

hmm should repeatning group in by case be “type of content: text”?

Yeah… if your list is a list of texts

Screenshot 2023-10-19 at 21.24.22
Screenshot 2023-10-19 at 21.25.05

so strange?

It looks like your not using a list of texts for this in the database…

So you’ll need to make a list out of whatever form the data is in (I’m guessing it’s just a single text, so just split it into a list).

In any case, I wouldn’t personally recommend using texts for this type of thing at all - it makes it a lot more complicated (although that depends on exactly what you’re intending to do with it).

But, regardless of what ‘type’ it is, it has to be a list…


But it is a list? :thinking: