Coloring specific cells of a repeating group

jadeitew · 2025-03-02T00:57:42.935Z

Hi there,
I have a 3x3 grid in a repeating group, and I’d like to color specific cells (e.g. the top left, top right, and bottom right cells - or indices 1, 3, 9). Haven’t been able to achieve this, so I’d like to seek some guidance.

What I’ve done

Created a repeating group, within which I put another group to define indices, then an image element.
Tried to set conditions for the image element = if cell index = 1, 3, or 9, show gray tile.
Problem - gray tile appears only for cell index = 1.

A visual depicting my aims is as per below.

Can anyone advise what I’m getting wrong and how I can remedy this? Thank you.

image1288×723 73 KB

AndyMountHood · 2025-03-02T02:17:37.697Z

Dark mode Bingo374×598 19.9 KB

I have a similar situation, but resolved it by putting two buttons inside the square, stacked on top of each other, one of each color. Neither is visible on page load, both are collapsed when hidden, and both have a conditional to make them visible. Because I had some trouble getting data into the buttons, I opted for nine groups instead of a repeating group–but I hope to refactor them back as one repeating group later, as my dev skills improve.

jadeitew · 2025-03-05T02:28:54.976Z

Thanks - I also decided to take the 9 groups approach instead (nested groups). Found it much less of a hassle.