Table Widget (Wrap Text)
Ops Dashboard now has the Table Widget which is great. Is there a way to use Arcade to allow the table to "Wrap Text". It seems like the table is designed to display a set amount of characters and not a field for longer comments.
Hi @MatthewThomas1 ,
Thanks for the question. The product team will see if there are ways to improve the handling of long strings.
Just playing with it for a little bit, I wasn't able to get word wrapping working via Arcade, but I was able to introduce a horizontal scroll that allows you to read longer strings.
displayText: `<div style="overflow-x: scroll; ">${$datapoint["LongName"]}</div>`,
This is the correct answer, I used it and got wrapping going. Thanks Neal-Kittelson!!!!
Evidence:
Hi @MatthewThomas1, @DavidNyenhuis1 and @Curt_H
Here is an Arcade script for wrapping text.
Change the variable lineLength as per your requirements.
Cheers! - Gee Fernando
var longText = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
// Split longText into individual words
var longTextarray = Split(longText, ' ')
// Characters per line before line break
var lineLength = 50
var wrapText = ""
var words = 0
var characters = 0
while(words < Count(longTextarray)){
// Count number of characters per line
characters += Count(longTextarray[words] + " ")
// When number of characters exceed lineLength add a line break, otherwise add a SPACE
wrapText += longTextarray[words] + When(characters >= lineLength, "<br>", " ")
// When number of characters exceed lineLength, reset characters variable back to 0
characters = When(characters >= lineLength, 0, characters)
words += 1
}
wrapText
