Card Title and Description Text Formatting Options

Options

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.

11
11 votes

In Review ยท Last Updated

Comments

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

  • DavidChurchman
    edited July 2

    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

    Please ๐Ÿ’ก/๐Ÿ’–/๐Ÿ‘/๐Ÿ˜Š this post if you read it and found it helpful.

    Please accept the answer if it solved your problem.

  • @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.

    image.png
  • 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

    Please ๐Ÿ’ก/๐Ÿ’–/๐Ÿ‘/๐Ÿ˜Š this post if you read it and found it helpful.

    Please accept the answer if it solved your problem.