# Image Carousel not working

**URL:** <https://community.glideapps.com/t/image-carousel-not-working/10241>\
**Category:** Report a Bug\
**Created:** [June 3, 2020, 4:50pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241 "2020-06-03T16:50:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sumit\_Singh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sumit_singh/32/2209_2.png) [@Sumit\_Singh](https://community.glideapps.com/u/Sumit_Singh)\
**Post date:** [June 3, 2020, 4:50pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/1 "2020-06-03T16:50:52Z")

</div>

My app’s URL: [https://4h1eh.glideapp.io/](https://4h1eh.glideapp.io/)

Followed the instruction for having Image 1, Image 2, Image 3 columns.  
It automatically showed me an Image Relations column with all the three images.  
However when I click the images or swipe right or left, nothing happens.

Not sure what am I doing wrong.

Can someone help?

Thanks  
Sumit

PS: This is a test app to play with all the features of glideapps.

---

<div class="post-metadata">

**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\
**Post date:** [June 3, 2020, 4:57pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/2 "2020-06-03T16:57:12Z")

</div>

The image carousel will work if you set the image relations column to the Image component. Is it what you did? I am not sure.

---

<div class="post-metadata">

**Author:** ![Sumit\_Singh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sumit_singh/32/2209_2.png) [@Sumit\_Singh](https://community.glideapps.com/u/Sumit_Singh)\
**Post date:** [June 3, 2020, 5:09pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/3 "2020-06-03T17:09:04Z")

</div>

I guess, I selected it to the image relations column itself? See the image below…

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/4d9805543caf487a063e963f9cfcbb6c67467a96.jpeg)

The data sheet looks like below.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/71ad296f22661d1a309dbd8d206aedc202abcd21.png)

you reckon, something wrong?

---

<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:** [June 3, 2020, 5:24pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/4 "2020-06-03T17:24:51Z")

</div>

That doesn’t work with tiles. It only works with an image component in the details style layout.

It’s also not a relation. It’s an array, even though the icon is the same in the data editor.

---

<div class="post-metadata">

**Author:** ![Sumit\_Singh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sumit_singh/32/2209_2.png) [@Sumit\_Singh](https://community.glideapps.com/u/Sumit_Singh)\
**Post date:** [June 3, 2020, 6:25pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/5 "2020-06-03T18:25:51Z")

</div>

Thanks a bunch! It worked. Wonder why this isnt made explicit in the documentation. Perhaps can be updated.

---

<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:** [June 3, 2020, 7:42pm UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/6 "2020-06-03T19:42:53Z")

</div>

Well, it does say “image component” in the documentation and the gifs do demonstrate with the image component and it’s settings. 😉

 ![Screenshot_20200603-144007](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/46ce6f31b20b55317e0a0ea1bcadcf0931b3b2c1.jpeg)

---

<div class="post-metadata">

**Author:** ![Sumit\_Singh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sumit_singh/32/2209_2.png) [@Sumit\_Singh](https://community.glideapps.com/u/Sumit_Singh)\
**Post date:** [June 17, 2020, 11:59am UTC](https://community.glideapps.com/t/image-carousel-not-working/10241/7 "2020-06-17T11:59:48Z")

</div>

My bad! Thanks for the pointer. Need to read the documentation a little more carefully. 🙂