# Image in Collection checklist

**URL:** <https://community.glideapps.com/t/image-in-collection-checklist/62241>\
**Category:** Feature Requests\
**Created:** [May 29, 2023, 3:53pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241 "2023-05-29T15:53:25Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anibal\_Hornos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/anibal_hornos/32/46395_2.png) [@Anibal\_Hornos](https://community.glideapps.com/u/Anibal_Hornos)\
**Post date:** [May 29, 2023, 3:53pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/1 "2023-05-29T15:53:25Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Nicholas\_Allan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nicholas_allan/32/76731_2.png) [@Nicholas\_Allan](https://community.glideapps.com/u/Nicholas_Allan)\
**Post date:** [July 20, 2024, 5:46am UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/2 "2024-07-20T05:46:46Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 20, 2024, 10:34am UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/3 "2024-07-20T10:34:49Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 20, 2024, 12:20pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/4 "2024-07-20T12:20:29Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Anibal\_Hornos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/anibal_hornos/32/46395_2.png) [@Anibal\_Hornos](https://community.glideapps.com/u/Anibal_Hornos)\
**Post date:** [July 23, 2024, 7:51pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/5 "2024-07-23T19:51:34Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Anibal\_Hornos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/anibal_hornos/32/46395_2.png) [@Anibal\_Hornos](https://community.glideapps.com/u/Anibal_Hornos)\
**Post date:** [July 23, 2024, 8:00pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/6 "2024-07-23T20:00:03Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 23, 2024, 9:03pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/7 "2024-07-23T21:03:00Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Anibal\_Hornos](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/anibal_hornos/32/46395_2.png) [@Anibal\_Hornos](https://community.glideapps.com/u/Anibal_Hornos)\
**Post date:** [July 23, 2024, 9:25pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/8 "2024-07-23T21:25:47Z")

</div>

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

> **(attachments)**
>
> ![IMG_20240723_182351.jpg](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/6/f635d482704dd397c3902103aab8881ba0674daa.jpeg)

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [July 23, 2024, 9:45pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/9 "2024-07-23T21:45:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 24, 2024, 3:13am UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/10 "2024-07-24T03:13:36Z")

</div>

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.

> **[Custom Checklist](https://go.glideapps.com/template/KzV8WyHpIB7nu4W3P3D5-template-published?privateTemplateToken=YF7B1PM6A60ka0CnBj3W)**

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/a/7ad529ffb75235ed7da31747c4aab12e596246c8.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [July 24, 2024, 5:50am UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/11 "2024-07-24T05:50:24Z")

</div>

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

 ![Screenshot 2024-07-24 at 12.47.10](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/8/98738d2728d571b06dcd0362c78fc0120a113d39.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [August 2, 2024, 8:20pm UTC](https://community.glideapps.com/t/image-in-collection-checklist/62241/12 "2024-08-02T20:20:35Z")

</div>

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