How to avoid duplicate images in a repeating group?

[stefanghbergmann]

I have a repeating group with an option set of images, but a few entries got the same image.

User example here:

Xbox One and Xbox Series S/X have the same image, but i want to display only one image.

I tried this, but somehow can’t get it done:

What would be a good way to get this done?

Thanks a lot bubble community!

[GH5T]

Hi @stefanghbergmann, welcome to Bubble.

To handle this, follow these steps to ensure you properly render your option sets without duplicates:

Create an Option Set:

1. Name the Option Set: Consoles
2. Define the Attributes:

• Display: text
• Icon: text

Add Your Values:

• XBOX
• SWITCH
• PLAYSTATION
• … (add more as needed)

Set Up a Repeating Group:

1. Create a Repeating Group.
2. Set the Type of Content: Consoles
3. Set the Data Source: All Consoles
4. Add your icon plugin inside.

Render the Icons:

To render the icons, you can use a plugin like Herofy. Within each group, use the console's icon.

Note on Duplicates:

If you encounter duplicates, double-check your option sets to ensure there are no actual-duplicated values. In my experience with Bubble, duplicates only occur when there are identical values within the option set.

By following these steps, you should be able to render your option sets accurately and without duplicates.

[stefanghbergmann]

Hi!

Thanks for the quick reply, I’ll have a loot into it, but would prefer a clean solution without any additional plug in.

So far I couldn’t solve it unfortunately.

[GH5T]

If you want dynamic icon names, that is the only way so far. Bubble does not do this out of the box yet.