How can I put line breaks between concatenated values in a single value visualization?

[LookerExperts]

Knowledge Drop

Last tested: Aug 15, 2018
 

It is possible to add a line break to a visualization using the html parameter. The whitespace characters \r and \n are usually rendered as line breaks.

For example:

dimension: break {

type: string

html: <div style="white-space:pre">{{ value }}</div> ;;

sql: concat(${field1}, "\r\n" , ${field2}) ;;

}

This content is subject to limited support.