Coloring specific cells of a repeating group

[jadeitew]

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

1. Created a repeating group, within which I put another group to define indices, then an image element.

2. Tried to set conditions for the image element = if cell index = 1, 3, or 9, show gray tile.

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

[AndyMountHood]

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]

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