Change color of item data in table collection

Ask for Help
1

How can I change the color of the item data depending on the value in the table collection?

Example: if the value is danger, color should be red or if warning, yellow etc.

2

If you mean the background color of each item, then I don’t believe we have a way to do that.

But if you don’t have any “images” already for the table, you can:

  • Create an if-then-else column, something like if “value” is “danger”, then red, if “value” is “warning” then yellow, etc.

  • Create an “Image from color” column and use the if-then-else column’s value as input.

image
image994Ă—628 28.3 KB

  • Use the “image from color” result as your collection image.
2 Likes
3

Thanks for the suggestion. I guess what I’m trying to do is a lot more complex which is not possible in collection components. I have priority values like low, medim, high and I was looking for a way to style them with different colors in the description item. I want to show the text like is some sort of a badge.

4

I do something like this with a custom collection and some HTML in a rich text component. I wanted something similar to a hint component, but with a little more control over text color and size. The color of the top bar changes based on status.

Screenshot_20230329-194541
Screenshot_20230329-1945411080Ă—500 33.6 KB

So if you are willing to use a custom collection, there’s a lot of different things you can do. Especially if you use a little bit of HTML or Inline CSS in that HTML.

2 Likes
5

I believe custom collections does not allow filter next to the search and grouping.

Edit: Filter is supported.