# Collection Component - Card / Image is not displayed

**URL:** <https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354>\
**Category:** Ask for Help\
**Created:** [May 14, 2024, 12:39pm UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354 "2024-05-14T12:39:21Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![sang73](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sang73/32/74638_2.png) [@sang73](https://community.glideapps.com/u/sang73)\
**Post date:** [May 14, 2024, 12:39pm UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/1 "2024-05-14T12:39:21Z")

</div>

[https://pub-3626123a908346a7a8be8d9295f44e26.r2.dev/generations/26e84e52-ceb4-4b79-a63f-1fb440031fb3-0.pngxx](https://pub-3626123a908346a7a8be8d9295f44e26.r2.dev/generations/26e84e52-ceb4-4b79-a63f-1fb440031fb3-0.pngxx)

→ The image on the top link is not visible on Collection Components - cards. What is wrong? (erase last ‘xx’)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 15, 2024, 1:26am UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/2 "2024-05-15T01:26:38Z")

</div>

Your image link isn’t viewable. Can you share it again?

---

<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:** [May 15, 2024, 2:49am UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/3 "2024-05-15T02:49:34Z")

</div>

@ThinhDinh

> [@sang73](#):
>
> (erase last ‘xx’)

I think they did that so the forum wouldn’t hijack the image and download a local copy.

@sang73 Your image works for me with a card style layout.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e6d150de62645e70004fdae7978e9050c10e135.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 15, 2024, 2:54am UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/4 "2024-05-15T02:54:43Z")

</div>

Oh thank you, I missed that. I can confirm that it works for me as well.

---

<div class="post-metadata">

**Author:** ![sang73](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sang73/32/74638_2.png) [@sang73](https://community.glideapps.com/u/sang73)\
**Post date:** [May 15, 2024, 11:02am UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/5 "2024-05-15T11:02:40Z")

</div>

It’s coming out well. So can I ask you what to do to solve this? It’s so troublesome 🥲

---

<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:** [May 15, 2024, 11:43am UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/6 "2024-05-15T11:43:24Z")

</div>

> [@sang73](#):
>
> It’s coming out well. So can I ask you what to do to solve this?

So it’s still not working for you? We probably need to see what your table looks like and how your are configuring the collection.

---

<div class="post-metadata">

**Author:** ![sang73](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sang73/32/74638_2.png) [@sang73](https://community.glideapps.com/u/sang73)\
**Post date:** [May 15, 2024, 12:58pm UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/7 "2024-05-15T12:58:25Z")

</div>

It’s a bit complicated. The image is currently being displayed. However, what I want is to be displayed on the front end as soon as the image link is entered into the data table, and sometimes it works and sometimes it doesn’t.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 15, 2024, 2:33pm UTC](https://community.glideapps.com/t/collection-component-card-image-is-not-displayed/73354/8 "2024-05-15T14:33:48Z")

</div>

How did you generate that image? Perhaps you can upload that to somewhere else instead using that image URL directly?
