Styling numeric display suffix or prefix without multiple label components?

I’ve been using format transform on my label bindings to create a suffix for some of my tags but ran into a situation where I would like to add different styling to the suffix or prefix.

I was able to do it two different ways and I wanted to get feedback and see what Inductive Automation recommend for better efficiency.

  1. Nesting multiple labels to a view and binding each text source to the view parameters?

  2. Binding tag to a Markdown Component using an expression transform and style the inline HTML element?

'<html>' + {value} + "&nbsp;" + "&nbsp;" + '<span style="color:red">this is my suffix</span></html>'

2 Likes