Display tags using 2 embedded repeating groups + action

Need help
1

Hi, I am a beginner and can’t find any solution to my problem after hours of web crawling, I am seeking help here.

I have images, and tags attached to it. And I want to display all images in a list, and for each image display all tags with the ability to disassociate them from the image, one by one.
Please see the screenshot attached to imagine what I am trying to achieve in term of tag display.

I thought about using a repeatingGroup within a repeatingGroup, BUT :

  1. it seems to be an absolutely unefficient way of doing it and I can’t imagine the app running well with hundreds of data to display
  2. I have tremendous difficulties achieving it, I’m starting to believe there must be an easier way

This is the link to my app : https://pichandler.bubbleapps.io/version-test/page_images

I thank in advance anyone who will be willing to take the time to give me some tips, even the tiniest ones.
Best

Screenshot_20230208_045415

2

Hello,
If your question is about the styling process, you need to use a Html element to style your list in order to get a separate tag for each word.
Check out this tutorial from Buildcamp : https://youtu.be/Rvp2WweKv4o.
If your question is more about the underlying data organization, my first thought would be to do as follow :

  • Organize your tags in an option set
  • Add a field in the data table where you store your images that links to this option set
  • Display your pictures in a repeating group
  • Display the value of the field tag attached to your image in an html élément styles as per tutorial références above.

Hope that helps !

Joelle

3

Thanks for your message. It gives me good informations but I think it does not solve my main issue which is to have that “delete/cross” button possible on each tag.

I need the feature where my users can remove a tag associated with a picture, by clicking on that cross.

PS: thanks for the idea of organising my tags as an option_set. I didn’t imagine it was possible, but I guess I can get better performances by doing so instead of having the tags in the database.

4

My bad. I had interpreted the “Dissociate” part as being able to display each label in its own tag.
And sorry I can’t offer more help.
Good luck with your project !

5

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