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?
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.
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.
