Add images to user data type, list of images

Hello,

I am trying to create a user profile page. What I was hoping for is on the user facing side to have a input form where they select from a checkbox list of say all NFL teams. From the boxes they check, I wanted to add the image logo of that team to a list of images in their user data and then display that list in a repeating group on their profile page. Any tips on guidance on how I can accomplish this task? I am having great difficulty assigning an image to a list through any input option. Thanks!

You can use this idea to create the checklist: https://youtu.be/uOnJKGbmMLM?si=duzBAmkC4HFh2SME. Instead of having a list of students like the video suggests, make it a list of images.
Screenshot 2024-07-03 at 10.37.14 AM
Then have a button to add it to the user data type. Run a workflow to make changes to the current user. Then select the list of images field and say “add list” and add the custom state list you created previously.
Screenshot 2024-07-03 at 10.38.04 AM
To display this in a repeating group you can follow this video. It is part of a 0 to 1 Bubble course so you might be missing some of the context but there is a “listing” data type in the database (like a house listing). Instead of doing a Search for Listings, set the data source to be the Current Users’s images where “images” is the name of the field that is a list of images on the user data type. https://youtu.be/zPMZVh9Pg3w?si=ShnN7tOb_dNIj1rd

Thank you so much for the detailed reply and resources! This is very helpful, I will get on it!

Create an option set with an option for each team and an attribute for the team’s image. Using a workflow triggered by a change in the checkbox value, add or remove the team from a custom state that is a list of teams. When the user saves the setting, use the list to set for the User the value of their field that is a list of teams. Reference that list’s images wherever you want to display them.

Thank you to both of you, this worked perfectly!

1 Like