UX View Type: Card

[Rosemary]

I aplogise if this has already been answered, but if it has, I have been unable to find it and I have spent quite a while looking through the questions and support docs.

I am looking for advice/information sheet about how to control the colour of the do-nut on the UX Type CARD. I want to make the circle RED when the result is ‘bad’ i.e. OVER 100% and GREEN when it is ‘good’ i.e. UNDER 100%.

As per this screen shot

Thanks
Rosemary

[Kirk_Masden]

First, I need to catch up to where you are. I’d like to be able to do what you have done. Since you are in card view, I assume that these donuts are SVG. Is that right?

Dynamic SVG graphics Tips & Tricks 💡

Recently I have been using Scalable Vector Graphics (SVG) in my applications, in place of typical raster images or even text in some cases. SVG graphics are defined through code, as per the examples here: https://www.w3schools.com/graphics/svg_examples.asp As the images are defined with code, you can CONCATENATE() strings of code together while including application variables, to make the images dynamic. In this way, you could have animated images which react to user input. Another thing to no…

[Koichi_Tsuji]

it should be default view for card view type when you place to the percentage type column into main image for card list view type.

In that case, we are not able to change color through the expression nor format rule.

[Kirk_Masden]

tsuji_koichi:

In that case, we are not able to change color through the expression nor format rule.

I see. Thanks! In that case, would it be possible to do it with svg? I’m guessing it would be more complicated to implement, but possible.

[Rosemary]

Thanks for your replies, Tsuji and Kirk. I am just using the Out Of The Box Card UX. So from what Tsuji has said, it isn’t possible to conditionally format the colour. Pity. But thanks
Rosemary