Is there a way to custom stylize content in a column of a row that's inside a repeater widget?

Hi, I’m trying out the repeater function, and like to get the heading in green to change to a different range of colors because the content of that column needs different colors to indicate the a status. Is it possible to add a sub function in the repeater to change the colour of a widget inside this card repeater without making multiple cards manually?

For example, this is the range of colors I’d like for this heading.
done = green
cancelled = red
in progress = yellow

Thanks in advance.


Sure, you can do this a few different ways. I’m guessing you’re going to have a finite number of statuses, so the way I’d do it is:

  1. create a dynamic panel inside your repeater with three states, one for each status. Style however you want.
  2. Using the repeater’s “item loaded” interaction, conditionally set the state of the dynamic panel to the appropriate status.
    Here’s an example: repeater-status-badge.rp (71.6 KB)

Hope this helps!

2 Likes

Thank you! I didn’t realize we could make dynamic panels in repeaters :smiley:

1 Like

You can also use widget styles if you only need 3 or 4 styles

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.