# Label for each image in an array

**URL:** <https://community.glideapps.com/t/label-for-each-image-in-an-array/63716>\
**Category:** Ask for Help\
**Created:** [July 10, 2023, 11:49am UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716 "2023-07-10T11:49:28Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 11:49am UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/1 "2023-07-10T11:49:28Z")

</div>

Hey all, I’m trying to get multiple images to appear in a row like you would with a collection in grid formation. The problem is that the images all come from the same row (the user row) so there is no way to add them as a collection. I have used the Make Array column to combine the images into a single column. When I add that as an image component, how do I get the image’s text label to show with each image so the user can see the name of the image as they scroll through?

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

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/d/2d70c1d0141f077dc3feda895adff09bf62f12ca.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [July 10, 2023, 12:03pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/2 "2023-07-10T12:03:17Z")

</div>

Where do the labels come from? Are they in some other column somewhere?

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 12:09pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/3 "2023-07-10T12:09:10Z")

</div>

They are pulled in from another table - I should be adding the list from that table as a collection and then relating the user to that table?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [July 10, 2023, 12:12pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/4 "2023-07-10T12:12:51Z")

</div>

hehe, dunno 🤷‍♂️  
Not enough information, I think.  
Seems odd to me that you’d have the images in columns in one table, and the associated labels in rows in another table. I think I need more of the bigger picture, but on face value it sounds like you could probably organise these images and labels a bit better.

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 12:17pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/5 "2023-07-10T12:17:35Z")

</div>

just trying something, be back soon…

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 12:39pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/6 "2023-07-10T12:39:50Z")

</div>

right, so that didn’t work 😐

More explanation of what I’m trying to do:  
Users earn badges for various achievements. I have various columns that confirm whether these achievements have been reached, e.g. if they finish all the objectives, they get a badge, if they finish within a set time, they earn a badge. There is also a random badge where a dice is rolled as they submit their answer. If the dice hits 40, they earn a ‘rare’ badge. All that seems to work (albeit in the janky way I have built it), but I am stuck on how to make these badges viewable on their profile page. Actually, I have managed to do that as well, just can’t figure out how to get the badge labels to show

---

<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 10, 2023, 12:45pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/7 "2023-07-10T12:45:59Z")

</div>

I think you should be setting the badge ID or Label in your user table. Then create your array with those IDs/Labels. Then create a relation using that array to the badges table. Then you can show a collection from the relation with your badge image and label.

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 12:47pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/8 "2023-07-10T12:47:32Z")

</div>

re-read this - the images and their labels are in the same table

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 12:50pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/9 "2023-07-10T12:50:48Z")

</div>

Ok thank you, that makes sense. As a side point, I wish there was a way to label or tag images

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [July 10, 2023, 12:56pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/10 "2023-07-10T12:56:36Z")

</div>

There is, if you’re willing to invest a little time and learn how to use Cloudinary 😉

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 1:08pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/11 "2023-07-10T13:08:40Z")

</div>

That looks pretty cool, I’ll have to take a closer look 👍🏻

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 10, 2023, 1:13pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/12 "2023-07-10T13:13:20Z")

</div>

> [@Darren\_Murphy](#):
>
> There is, if you’re willing to invest a little time and learn how to use Cloudinary

Ya, this is the only way to do this until Glide comes out with a native way of allowing us to overlay a caption.

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 1:16pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/13 "2023-07-10T13:16:42Z")

</div>

surely this is coming at some stage, it was possible with classic apps

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 10, 2023, 1:51pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/14 "2023-07-10T13:51:45Z")

</div>

Was it? There was a “caption” feature with classic apps, but it didn’t dynamically change when the image was swiped.

---

<div class="post-metadata">

**Author:** ![Dan76](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dan76/32/15696_2.png) [@Dan76](https://community.glideapps.com/u/Dan76)\
**Post date:** [July 10, 2023, 2:13pm UTC](https://community.glideapps.com/t/label-for-each-image-in-an-array/63716/15 "2023-07-10T14:13:44Z")

</div>

Oh, didn’t realise that
