nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Need Dashboard Word Wrap to table cell contents and header names

VictoriaDavis1

//var shortText2 = IIF(Count(text2) > 30, Left(text2, 30) + "...", text2)// works fine but not ideal. a lot of clients are looking for a way to word wrap text in a table with several fields. also the ability to word wrap column headers, and give the client the ability to expand/collapse to column fields. the lack of the ability to do so creates unsightly and long tables. the ability would allow users to view more data in a smaller space.

Find more posts tagged with

Status: Open

Comments

VictoriaDavis1

For example: enabling word wrap for a header (and changing the header height) here would allow room for more fields to show on the screen. I understand the details widget allows the ability to view several fields in on view, however it isnt ideal for selecting a few records and having them all show on the screen to do analysis of several fields, comparing and visualizing all on the same screen.

Neal_t_k

At least for table contents:

https://community.esri.com/t5/arcgis-dashboards-questions/table-widget-wrap-text/m-p/1397948#M9285

https://support.esri.com/en-us/knowledge-base/how-to-configure-word-wrapping-in-arcgis-dashboards-000034310

VictoriaDavis1

@Neal_t_k i saw those posts but it unfortunately didn't work the same way for me, i appreciate the comment though!! i have my browser zoomed out to 50% to emphasize how silly it looks on our data. That made the individual horizontal rows a massive height. This text field has a length of 1000 in order to fit all the necessary data, which i believe is why it is like that. It'd be nice to be able to customize the height of the rows for that word wrap option.

Since that ^ didn't work. For the cell data, we went with limiting what is in view, and then hover to see the entire attribute.

var raw2 = $datapoint["field_name"];

var text2 = When(IsEmpty(raw2), "", Text(raw2));

var shortText2 = IIF(Count(text2) > 50, Left(text2, 50) + "...", text2);

We'd still need the ability to have the hover option (separate than what is specified for the display name) for headers....the same way you can change it for the cell contents currently. Or have the word wrap for headers and be able to specify the height/width. The goal is to see the most amount of data without scrolling, as separate dashboards doesn't make sense in this scenario.

Neal_t_k

@VictoriaDavis1 That's weird behavior. Where I have word wrap implemented it only expands the applicable row and only to the length needed, not every row and not to the max allowed.

also fit column width to data may help in the example you have above.

As for the header I have no ideas on those.

Neal_t_k

@VictoriaDavis1 Scratch that I have one idea for headers. It would be a manual solution, but you can put <br> in labels for the header and it recognizes them.

VictoriaDavis1

GENIUS! that <br> works GREAT! THANKS!!!!!!!!!!!!!!! @Neal_t_k

VictoriaDavis4

updating:

this also works for table contents in the return:

displayText:'<div style="white-space: normal; word-wrap: break-word; overflow: visible; line-height: 1.2em;">' + DefaultValue($datapoint.add_your_field_name_here, "") + '</div>',

hoverText: $datapoint.add_your_field_name_here,