idea Need Dashboard Word Wrap to table cell contents and header names in ArcGIS Dashboards Ideas

Need Dashboard Word Wrap to table cell contents and header names

VictoriaDavis1 — Tue, 20 May 2025 16:38:08 GMT

//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.

Re: Need Dashboard Word Wrap to table cell contents and header names

VictoriaDavis1 — Tue, 20 May 2025 17:38:40 GMT

VictoriaDavis1_0-1747762561551.png

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.

Re: Need Dashboard Word Wrap to table cell contents and header names

Neal_t_k — Thu, 03 Jul 2025 14:01:50 GMT

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

Re: Need Dashboard Word Wrap to table cell contents and header names

VictoriaDavis1 — Thu, 03 Jul 2025 18:34:52 GMT

@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.

VictoriaDavis1_2-1751567612858.png

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.

Re: Need Dashboard Word Wrap to table cell contents and header names

Neal_t_k — Thu, 03 Jul 2025 19:04:53 GMT

@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.

NealKittelson_1-1751569300488.png

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

NealKittelson_2-1751569410931.png

As for the header I have no ideas on those.

Re: Need Dashboard Word Wrap to table cell contents and header names

Neal_t_k — Thu, 03 Jul 2025 19:15:45 GMT

@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.

NealKittelson_0-1751570091371.pngNealKittelson_1-1751570121798.png

Re: Need Dashboard Word Wrap to table cell contents and header names

VictoriaDavis1 — Thu, 10 Jul 2025 14:40:10 GMT

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

Re: Need Dashboard Word Wrap to table cell contents and header names

VictoriaDavis4 — Fri, 01 May 2026 14:09:14 GMT

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,