I'm trying to implement a basic conditional formatting script to a list in a dashboard, but my formatted symbol will not display. Here's my arcade and HTML. The variable value displays as usual for the second line, so I know the data connection is working. Changing the HTML arrows to standard characters to troubleshoot didn't work either. What am I missing?
Arcade:
var arrow = "";
var color = "";
if ($datapoint.variable > 0) {
arrow = "⇧"; // Up arrow for positive values
color = "green"; // Green color for positive values
} else {
arrow = "⇩"; // Down arrow for negative values
color = "red"; // Red color for negative values
}
return {
arrow: arrow,
color: color,
};
HTML:
<p style="text-align:center"><span style="color:{expression/color}; font-size:18px">{expression/arrow}</span></p>
<p style="text-align:center"><span style="font-size:14px"><strong>{variable}%</strong></span></p>