Card Title and Description Text Formatting Options

j1ammann · 2024-03-28T17:58:11+00:00

There was an error rendering this rich post.

Currently there are no options to format Cart Title and Description text. Potential use-cases for text formatting include:

(1) to call attention to Smart Text values

(2) to use title text as chart color legends (ex. see the "1. integrated text" example on this page: https://www.flerlagetwins.com/2019/06/legends.html )

Desired formatting options are to be able to use Bold, Italic and Underline options; change the font size; and change the font color.

Find more posts tagged with

Analyzer

Charting

Formatting

In Review

Status: In Review

Comments

JasonAltenburg

Also Summary Numbers! This would be great in App Studio to allow more design flexibility.

DavidChurchman

Agree with chart title formatting.

FYI: @JasonAltenburg you can format summary numbers using HTML tags:

KB article: https://domo-support.domo.com/s/article/360043430093?language=en_US#FormattingaSummaryNumber

JasonAltenburg

@DavidChurchman Thanks David! This is really great info and will certainly be useful.

I do think it would be nice to have some control over these via the GUI/Product, as I've found some unexpected behaviors in the way that App Studio handles these types of html injections. It also seems that even with this trick you cannot use underline.

DavidChurchman

Yes, agree it would be better if there were some styling options built into the interface, and underlining is not one of the supported HTML tags. That said, the conditional formatting enabled by HTML can be more useful than underlining, etc. If I had to choose, I'd choose the ability to use HTML tags with conditional logic on even more elements, like the card title, etc.

These are the style attributes you can use: https://domo-support.domo.com/s/article/360043430033?language=en_US

background-color
border
color
float
font-color
font-size
font-weight
height
left
margin
margin-left
margin-right
max-height
max-width
padding
position
text-align
top
vertical-align
white-space
width
word-wrap
z-index