Repeating group Seperator Colour conditioning

Hi! I was wondering if it’s possible to make it so you can create a condition for a repeating groups separator colour/style. Since you can do background colour and font colour, it would be perfect if you could do the separator colour as well.

this is pretty easy with couple of ways, easiest one is:

  • wrap your elements in a group in the RG cell
  • set independent borders
  • set bottom or top border to solid 1px and set a default color
  • go to conditions and add a new one that changes the color of the border
  • don’t forget to add a condition to hide the last or first cells border depending on your choice above
1 Like

Unfortunately, it’s not possible to change the style or color of the Repeating Group’s separator through a conditional.

What you need to do instead is create a separator inside the cell itself, rather than using the Repeating Group’s native one. That way, you get the freedom to change it through conditionals.

Inside the Repeating Group, you can have a group that represents your cell, and also a shape that will act as your separator.

This way, you don’t need to use the native separators of the Repeating Group.

Then, on the “Shape” element that is acting as your separator, you can create any conditionals you want, changing the color or other properties.

The approach I described above is just one of several ways you can do this. I hope this helps :slight_smile:

thank you

You can’t directly condition the separator color, Bubble does not expose it. The workaround is to turn the separator off and add a thin Shape or line element inside the RG cell, then control its color with conditions like any other element.

Simple solution:

  1. Wrap your repeating group in a container group and add a condition on that group that changes its background color.

  2. Set the repeating group separator to be transparent.

This way the visible separator will have dynamic colors, will be independent from the cell itself, and the cell won’t need any modifications.