Hi,
I have a list collection which displays data from a query.
Id like to add the amount {{item.amount}} on the right hand side
Ive managed to work around this by changing action type to label&icon and adding {{item.amount}} to the label field
However, I would like to conditionally format the amount (ie. green if positive, red if negative)
However, I dont see any style fields in this component
I doubt that there are styling options on these parts of the component. Usually I use the custom collection component. This way I have more control over the individual parts. Also, when you want to add more data and controls to your collection item later on, it’s often only possible with a custom collection. And you’ll have to replace it which is a hassle.
If you want to add a counter and have it a different color based on it’s own value and you want the main text of the collection item to have it’s own color.. use custom collection.
Just an example: I use the status component to display an icon and text and a different color. But you can just use a text component for that.
That text component can have this in the color setting:
{{ item.amount < 0 ? '#FF0000' : '#00FF00' }}
Perfect - exactly what Im looking for Thank you