Domo IDEAs Conference - Beast Modes - Conditional Formatting
Greetings! This is another post highlighting a beast mode from my Domo IDEAs conference session. This one covers how to format numbers a number when concatenating with a string.
Conditionally color a number based on a specific condition
We can utilize the
<span> tags with some CSS styling code to specify some color and conditionally combine those with a color value using
-- Author: -- Created: -- Last Modified: -- Description: Use a CASE statement to conditionally color even numbers as green and odd numbers as red -- MOD([VALUE], 2) returns the remainder of dividing the [VALUE] by 2. 0 for even and 1 for odd. -- The coloring is using <div> and <span> with styling to perform the colorization -- Note: This only works with an HTML table card. CONCAT('<div><span style="color: ', CASE WHEN MOD(FLOOR(SUM(`random_number`)), 2) = 0 THEN 'green' ELSE 'red' END, '">', FLOOR(SUM(`random_number`)), '</span></div>')
Because HTML coding / tags are being utilized an HTML table is the only card which will support this.