# Can I build a 3×3 bingo board with Image Pickers in Glide?

**URL:** <https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073>\
**Category:** Ask for Help\
**Created:** [August 28, 2025, 4:38pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073 "2025-08-28T16:38:01Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![happything](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/happything/32/91508_2.png) [@happything](https://community.glideapps.com/u/happything)\
**Post date:** [August 28, 2025, 4:38pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/1 "2025-08-28T16:38:02Z")

</div>

I’d like to create a bingo-style board using Image Pickers in Glide.

What I want is a **3×3 grid of Image Pickers (9 total)**, so that each cell of the grid works as its own image upload slot.

So far, when I add multiple Image Pickers inside a form or container, they always stack vertically and take up the full width of the screen. What I’d like instead is a layout where they appear side by side, like a bingo board (3 columns × 3 rows).

Has anyone tried this before? Is it possible to arrange Image Pickers in this kind of grid layout, either with native Glide features or with some custom CSS?

Thanks in advance for any advice!

---

<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:** [August 28, 2025, 4:39pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/2 "2025-08-28T16:39:48Z")

</div>

Are you setting your container to the 3 column style layout?

Just a note though, multi-column containers will still stack on mobile devices. You will only see the columns in desktop/tablet mode.

---

<div class="post-metadata">

**Author:** ![happything](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/happything/32/91508_2.png) [@happything](https://community.glideapps.com/u/happything)\
**Post date:** [August 28, 2025, 4:42pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/3 "2025-08-28T16:42:07Z")

</div>

I see, thanks for the clarification!

What I actually want to build is a **3×3 bingo-style layout on mobile devices** as well — not just on desktop or tablet.

Basically, I’d like all 9 Image Pickers to appear in a 3-column by 3-row grid even on a phone screen.

Is there any way to achieve that on mobile? Maybe with custom CSS or some other workaround?

---

<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:** [August 28, 2025, 4:44pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/4 "2025-08-28T16:44:00Z")

</div>

Maybe with CSS, but I’m not sure what that would involve.

---

<div class="post-metadata">

**Author:** ![happything](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/happything/32/91508_2.png) [@happything](https://community.glideapps.com/u/happything)\
**Post date:** [August 28, 2025, 4:46pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/5 "2025-08-28T16:46:34Z")

</div>

Thanks a lot for your reply!  
I’m also trying to implement this with CSS, but it’s a bit tricky for me so far.

---

<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:** [August 28, 2025, 5:22pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/6 "2025-08-28T17:22:07Z")

</div>

Actually you could try a custom collection with a grid layout and the grid size set to small. The images would be uploaded to separate rows instead of the same row, but you could probably rework your data structure to make it work. Only problem is that it doesn’t maintain the same layout when you switch to desktop mode. Maybe you would need two custom collections, each conditioned to display based on the device screen size.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/8/58404f3cf40d6aa4fe3a5ffe254b3ce3b6c26d3d.png)

---

<div class="post-metadata">

**Author:** ![happything](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/happything/32/91508_2.png) [@happything](https://community.glideapps.com/u/happything)\
**Post date:** [August 28, 2025, 5:42pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/7 "2025-08-28T17:42:36Z")

</div>

> [@Jeff\_Hager](#):
>
> Actually you could try a custom collection with a grid layout and the grid size set to small. The images would be uploaded to separate rows instead of the same row, but you could probably rework your data structure to make it work. Only problem is that it doesn’t maintain the same layout when you switch to desktop mode. Maybe you would need two custom collections, each conditioned to display based on the device screen size.

I tried using a Custom Collection as well, but it still ends up stacking vertically.

Do you know if there’s a way to make it display horizontally instead?

 ![SCR-20250829-dfnu](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/1/a1d1dee3207735591ece992868850ee84bb94602.png)

---

<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:** [August 28, 2025, 5:44pm UTC](https://community.glideapps.com/t/can-i-build-a-3x3-bingo-board-with-image-pickers-in-glide/84073/8 "2025-08-28T17:44:13Z")

</div>

It’s only one picker and 9 rows of data to feed the custom collection. You don’t put 9 pickers into a single collection item. That’s why I mentioned that you will need to rework your data because everything will be in rows instead of columns.
