Image field form - Select image from database

Ask for Help
1

Hello people :slight_smile:
So far, the pick image form allow the user to select an image from computer / camera.
Is that a way to offer to the user to select an image coming from a selection of it? They are going to use ALL the time the same 100 differents pictures, so is no need to upload them all the time.

Thanks a lot :slight_smile:

2

Choice component?

3

… with a table dedicated to the storage of all these images (one row for each image) as the source of this component :slight_smile:

Just an idea of what it might looks like:
Image picker

It’s just a table with images, so Images:

Images
Images1175Ă—302 39.1 KB

To keep track of the selection, you could add a column, in Users table (for example) and create a Relation & a Lookup columns to retrieve the image and use it somewhere:

Users
Users772Ă—123 12.7 KB

And here is the setup of the Choice component of @Jeff_Hager:

Choice component
Choice component1920Ă—993 107 KB


Even if that’s not the actual question (which seemed technical at first glance), there is a downside to bringing it up. From a user’s perspective, a long list of values in such a small format might be confusing — especially if the images are quite similar.
If it’s relevant to your case, be aware that it’s also possible to improve this behavior within Glide. Here are a few ideas:

  1. Filter out values that are not relevant. If you have images that only apply to a specific form or section of your app, you could limit the list to show only that content.
  2. Create a two-step selection process. In my screenshot, you could first ask the user to choose between the Art and Landscape categories, and then display a second dropdown with images from the selected category.
  3. Use a collection to display images in a larger format. This is a bit more complex (it requires some computed columns), but could be useful in some situations.

Sorry for going slightly off-topic — I just thought it might be useful! :slight_smile:

4 Likes
4

I had a case like this recently, what I did is still using a choice component with radio buttons, and use CSS to enhance the image.

However, if I were to do it a bit better visually, I would use a custom AI component, feed a list of URLs, tell it to generate a visual choice component with those images, write the choice to a specific field and add a background highlight/border to the “chosen” image.

1 Like
5

I’m always impress about the quality of the answer of the community, it’s wonderfull.
Working on the dot.

If you can just give me the road to the option 3 it’s will be lovely, because pictures are going to look like each other, yes… :smiley: