CSS Line Height

user17584

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

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

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>')