How to avoid duplicate images in a repeating group?

stefanghbergmann · 2024-07-07T18:56:45.879Z

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

User example here:
platforms

Same Image

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:

Bildschirmfoto 2024-07-07 um 20.18.42

What would be a good way to get this done?

Thanks a lot bubble community!

GH5T · 2024-07-07T19:04:09.368Z

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:

Name the Option Set: Consoles
Define the Attributes:

Display: text
Icon: text

Add Your Values:

XBOX
SWITCH
PLAYSTATION
… (add more as needed)

Set Up a Repeating Group:

Create a Repeating Group.
Set the Type of Content: Consoles
Set the Data Source: All Consoles
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 · 2024-07-07T21:18:10.217Z

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 · 2024-07-07T21:34:02.960Z

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

system · 2024-09-15T18:57:44.339Z

This topic was automatically closed after 70 days. New replies are no longer allowed.