Image in Collection checklist

I’m aware I can use Collection list, but the check is very practical. Thank you

An image to aid in quickly identifying which item one is looking for makes a checklist so much more intuitive and efficient - why on earth would Glide have dropped this feature?

1 Like

You could always use a custom collection if you want to mix images and other components with a checkbox.

You could also use the new tables. You can show an image, and add checkbox component as well.

2 Likes

Thank you, but it doesn’t fit my needs. In mobile view, custom collection puts the check in one row and the other component in a new row, even though I select 1/3 design

1 Like

Thank you, this is the most similar option to the old checklist component, but the image size gets too small. I need the user to be able to verify the selection with a quick look.

Another option is to use a card style layout and set the click action to a custom action that either sets true or false to a boolean. Then display the boolean as a checked or unchecked emoji.

You could also do the same thing with a custom collection and some custom HTML in a rich text component. What you want is most likely possible. Just takes a little creativity and out of the box thinking to pull it off.

If you can mock up exactly how you want it to look, I think one of us could come up with a solution.

1 Like

This is what I had in the old Glide. Must be in mobile view

(attachments)

Describe what you want to chatGPT and then put the html from GPT in a rich text component inside a custom collection.

If you have paid version of GPT you could upload the picture and ask for the HTML

Here is a rough demonstration of a way to do it with a custom collection and some HTML in a Rich Text component. Getting a checkbox that matches is a little tricky. I was hoping to do it with an SVG, but it doesn’t appear to render, so I’m just using some unicode characters to represent a checkbox. A click action on the custom collection sets or unsets a boolean column.

3 Likes

This demo uses custom collection and action row components, but requires a little CSS to hide the disabled buttons.

3 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.