How to change hover color for single row in a repeating group

I have a repeating group and want the row over which the mouse is hovering to be in a light grey rather than the default white background.

I have tried adding a condition, but it seems to be changing the background of the whole repeating group and not just the currently hovered over row.

It looks like I am entering the wrong thing in the ‘When’ box, but I’ve tried most of those listed and none seem to highlight just a single row.

What am I doing wrong?

Nothing wrong, that’s how it works :frowning: For a row to change colors on hover, you’ll need to place an additional container in the cell that has the hover conditional on it, rather than on the RG.

I was wondering exactly that Duke, so thanks for pointing me in that direction. I will get it sorted :slight_smile:

Just about got it working, but how do you get a shape that is behind everything else to be activated.

@duke.severn If I have the shape on top of everything else then it is fine, but if it is behind, for example a text element, then it is not getting triggered when I hover over it as the text element is in the way.

Problem is if I have it on top (it works fine if it is on top) it discolors the text and buttons below it and I need those to stay true to the colors of the theme.

Is there an easy way to sort it that I am not thinking of Duke?

Hey @Siddhartha,

You’re almost there! Instead of using a shape, place all of the elements in the rg cell inside of a group. Then put the hover condition on the group.

  • Jacob
2 Likes

Worked perfectly and looks great Jacob. Thanks!!!

This topic was automatically closed after 70 days. New replies are no longer allowed.