Choice component with images

It would be great to be able to display the choices as an image in the Choice component or to have an action similar to the Choice component in Images and Tiles.
In this case, we could write the data in the sheet by tapping the image

5 Likes

What is your specific use case for this, may I ask?

100% agree!
I have a use case. I’m enrolled in 4 challenges. In order to change the value in my userprofile Active_Challenge I place a ChallengeKey in Active_Challenge. I take this from a collection of challenges, however people don’t really recognise the “name” of a challenge they need more info. The tiles / img action would be awesome.

3 Likes

I talked about it here as well: Update Relation based on Collection choice (not a choice component)

Just a wild idea I don’t know if it can be done, but here’s my 2 cents.

  • Display images of the choices.
  • Behind each image is an increment button that links to a user-specific choice column.
  • Once user have clicked on an image, the increment leads to the chosen image being “grayed out”. This can be done using Cloudinary and an If > Then > Else. (For good UX)
  • Somehow write the choices to your destination sheet using a form with “Column” values.
1 Like

It’s that magical last step that has been blocking me.
If I could access the user-specific value that would be awesome and I’d be solved. I’ve also tried a solution using ZAPIER,… but that’s way to slow. (I does work though)

Well, my best idea to solve it was doing this:

Choices gif

It’s another way to carry out the @ThinhDinh 's idea. At least, you have 3 cents now
@Naos_Wilbrink :grinning:

Saludos

3 Likes

Yeah that’s the only way to do it now,…
Guess this topic was about how to do it differently than that.

1 Like

There are so many possible use cases from different games to e-commerce!
In my specific case (e-commerce), I would like to offer the buyer a number of additional products right in the cart. It’s like the “last-minute purchase” in front of the cash register in a regular supermarket.
Or, in another section of our application, we have a block of online orders for restaurants, and we could provide the client with the opportunity to choose some toppings and sauces from simple “talking” images instead of boring lines of text.
From a UX perspective, every time I can change text to an image, I would like to do this.

It would also be nice if, depending on the settings, you could choose not only a single choice but multiple options as well.
Let’s say you have a gallery of images from columns 1,2,3 and in the same order, you could write data to a range of columns …

2 Likes

Wow interesting.
How does it work?
I am building an app and I would like users can upload their avatar or choose from a selection of images provided by the app.
Thanks

Gio

1 Like

Can you do this inside a form?

Hola @Sandro_Brito, unfortunately a dynamic relation doesn’t work in a Form.

You can do it outside and later, when all choices/data is collected, write it to GS by using a Form, it´s the workaround so far.

@GioRinaldi , the logo is showed based on the user selection so, I’m using a relation/lookup to find the right logo dynamically.

Saludos

2 Likes

Thank you. This is why we need the choice component to be at least like the list components.

2 Likes

@Naos_Wilbrink would the image selection shown in the first tab (Single images) of this app help to bring you closer to a solution?

From this thread:

1 Like

Hi Krivo! That looks pretty cool! What component did you use?

@Naos_Wilbrink well just two inline lists with increment action. I made a template app which can be found in the mentioned thread if you want to look under the hood. There is a fair bit of things going on in order to make the increments work. Have a look if you like :grinning:

Definitely would be awesome!

Thanks , nice
How does this work?

Yep! I do this here:

and here

Not as easy as a simple choice component, but gets the job done!

3 Likes

Great idea Robert, I was thinking about it 2 days ago but I couldn’t find the way to know which was the latest changed item. Now watching your video I see my missing piece: the maximum value using a rollup!

Te odio Robert! :rofl:

1 Like