CSS Line Height

user17584 · March 2019

I'm using concat to output sentences in a column of a table visualization.

I can set the font size, weight, and some other things, but I can't set the line-height. The line-height on the text in cards is very short, and looks bad in sentences.

Does anybody know how to do this? Is this a css property that needs to be added or whitelisted?

n8isjack · March 2019

There is a limited set of css styles you can control. Tehre is a list here: https://knowledge.domo.com/Visualize/Adding_Cards_to_Domo/KPI_Cards/Transforming_Data_Using_Beast_Mode/Sample_Beast_Mode_Calculations%3A_Card_Element_Transforms

Line-height is not one of them. However, you can use header tags, which have expanded line-heights. You might consider using a header tag and then resizing the font to a normal size.

CONCAT(
  '<h1 style="color:#000; font-weight:normal; font-size:16px;">',
    `FIELD`,
'<h1>')

n8isjack · March 2019

There is a limited set of css styles you can control. Tehre is a list here: https://knowledge.domo.com/Visualize/Adding_Cards_to_Domo/KPI_Cards/Transforming_Data_Using_Beast_Mode/Sample_Beast_Mode_Calculations%3A_Card_Element_Transforms

Line-height is not one of them. However, you can use header tags, which have expanded line-heights. You might consider using a header tag and then resizing the font to a normal size.

CONCAT(
  '<h1 style="color:#000; font-weight:normal; font-size:16px;">',
    `FIELD`,
'<h1>')

CSS Line Height

Best Answer

Answers

Categories