# Display images in different columns

**URL:** <https://community.glideapps.com/t/display-images-in-different-columns/21926>\
**Category:** Ask for Help\
**Created:** [January 29, 2021, 6:34am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926 "2021-01-29T06:34:56Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [January 29, 2021, 6:34am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/1 "2021-01-29T06:34:56Z")

</div>

Hi,

If I have three columns of images, I can display any of the column, eg Column 1…how do I setup to display the next two columns and move back and forth using the “bar button”.

Suggestions please.

Thank you.

---

<div class="post-metadata">

**Author:** ![Jacktools\_Net](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jacktools_net/32/18500_2.png) [@Jacktools\_Net](https://community.glideapps.com/u/Jacktools_Net)\
**Post date:** [January 29, 2021, 7:30am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/2 "2021-01-29T07:30:54Z")

</div>

Three image components and three button(bar)s and a coumn “show image” default value 1.

With 1 show the first button and image component.  
Button changes the show image value to 2 for example. The secound image and button shows up…

But take a look in the documentation I have seen a carusell functionality is build in when you have a array column…

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [January 29, 2021, 7:47am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/3 "2021-01-29T07:47:23Z")

</div>

thanks @Jacktools_Net  
the following ideas may suit my APP

1. carousel
2. button bar with " Next" and “Prev”

Since I am using links instead of image picker (to save space), I think option 2 would be workable. However, still unsure how to setup.

---

<div class="post-metadata">

**Author:** ![Jacktools\_Net](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jacktools_net/32/18500_2.png) [@Jacktools\_Net](https://community.glideapps.com/u/Jacktools_Net)\
**Post date:** [January 29, 2021, 7:57am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/4 "2021-01-29T07:57:07Z")

</div>

I think the carousel works with links too. I would try this first.

Even if you use the image picker glide puts a link in the sheet.

---

<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:** [January 29, 2021, 10:14am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/5 "2021-01-29T10:14:48Z")

</div>

Is there a specific reason you don’t want to use the carousel?

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [January 29, 2021, 11:20am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/6 "2021-01-29T11:20:34Z")

</div>

Have not tried yet…will do so.

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [January 29, 2021, 2:42pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/7 "2021-01-29T14:42:24Z")

</div>

I am using glide table and have tried having two images together in a row…

1. first using the column as image and use image picker … i do not get a third column where the two images are combined

2. second using column as a link … still do not get a third column of combined images.  
here is image for the 2nd method  

Suggestions on what I did wrong?

- Do we need to use Googlsheets?

Thank you

---

<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:** [January 29, 2021, 3:01pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/8 "2021-01-29T15:01:00Z")

</div>

You can’t create array columns like that in Glide Tables. You can only do it in google sheets. What I would try is to create a template column to join the two image columns with a comma separating them. Then create a Split Text column that splits on that comma and then creates an array.

A multiple relation with a lookup also works as it returns an array, but your data would need to be structured in rows instead of columns. I would try my first suggestion.

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [January 29, 2021, 3:07pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/9 "2021-01-29T15:07:26Z")

</div>

thanks @Jeff_Hager  
I do remember getting it to work on Googlesheets…will try the first option you recommended

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [January 29, 2021, 3:33pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/10 "2021-01-29T15:33:01Z")

</div>

first solution works @Jeff_Hager  
thank you

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [February 1, 2021, 9:27am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/11 "2021-02-01T09:27:49Z")

</div>

Hi @Jeff_Hager ,

I managed to do the second method which is really cool. I wanted the description of each photo, in this case is the “Sex” of the bird, to accompany the carousel but it seems there is no way to display the text array.

 ![b3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/7/e78b587b97bdd6ead0983b0fb560f62f39947e5b.jpeg)

Any further suggestions?  
Thanks

---

<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:** [February 1, 2021, 12:37pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/12 "2021-02-01T12:37:04Z")

</div>

You would have to use a join text column to be able to display the text.

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [February 1, 2021, 1:08pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/13 "2021-02-01T13:08:32Z")

</div>

Have tried @ThinhDinh.  
Successfully joined words as attached below. However, both the text “Male, Female” will appear…What I want to see happen is, in this case I have two photos, Male and Female bird. I run the carousel. The first photo is picture of a Male bird and the text Male should appear. When I slide, the next picture is female bird, and the text should be Female…However, in both cases the joined text “Male, Female” appeared.  
Any other thoughts?  
 ![b1a](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/2/026dc6a0bbe6d890a832e6747476266c9616f48a.jpeg)

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [February 1, 2021, 1:11pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/14 "2021-02-01T13:11:32Z")

</div>

this is the result (opposite to what I need)

![b1b](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/7/c774cc37c414175b650e14d09331f0abf0eda8e8.jpeg)

---

<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:** [February 1, 2021, 1:14pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/15 "2021-02-01T13:14:09Z")

</div>

Two separate lookup columns are still two separate arrays. The lookup columns are not associated with each other, or linked to each other, except for the fact that they came from the same related sheet. What you are trying to do won’t show the associated sex with each image in a carousel since there is no way for the first lookup column to tell the second lookup column what is being viewed in the first lookup. Instead you would have to view each image individual on a detail screen with any related text you want on the screen. Then find a way to navigate the detail screen between different rows to view each image.

---

<div class="post-metadata">

**Author:** ![Mns\_Glide](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mns_glide/32/2514_2.png) [@Mns\_Glide](https://community.glideapps.com/u/Mns_Glide)\
**Post date:** [February 1, 2021, 1:28pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/16 "2021-02-01T13:28:48Z")

</div>

thanks @Jeff_Hager  
The carousel is a really nice UX for this application. Wonder if the feature of association of the lookups is in development.

---

<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:** [February 1, 2021, 2:10pm UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/17 "2021-02-01T14:10:54Z")

</div>

I doubt that it is. Not saying that it isn’t, but I feel like it’s quite a bit outside the scope of how glide works, so I wouldn’t hold my breath. There’s ways to do it with the swipe feature if you look at some of the posts about using that feature. It has a similar feel to it and if you set things up correctly, can work pretty good to swipe left and right between pictures.

---

<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:** [February 2, 2021, 4:25am UTC](https://community.glideapps.com/t/display-images-in-different-columns/21926/18 "2021-02-02T04:25:39Z")

</div>

Like Jeff said, I would advise using a swipe layout, or use some relations + lookups combinations to get the right image and tag, then use it in an image component.
