topic Re: Dashboard Table - customize element width - Fit To Data/Fit To Element in ArcGIS Dashboards Questions

Dashboard Table - customize element width - Fit To Data/Fit To Element

Walker_Max — Thu, 11 Apr 2024 17:23:51 GMT

Is it possible to set a table element size within the arcade code?

I currently have my dashboard table set up to fit to data. But I am seeing some issues with this layout. When there is an abnormally long description for the location, it pushes the fields to the far right end off the screen. I enabled hover text so that they can hover to see the full text as a work around. I tried changing the layout to fit to element, which sets each column to an equal size. In doing so, columns like the first two that should be much narrower since they’re a single numeric values, are the same size as all the others. Not ideal..

It would be nice to set each column width manually within arcade and then utilize hover text for those records that are greater than the visible width.

An alternate would be to try and wrap text within the location column if it is over a certain length.

Please share if you have any alternate ideas!

FIT TO DATA:

FIT TO ELEMENT:

Re: Dashboard Table - customize element width - Fit To Data/Fit To Element

BillSands — Thu, 27 Feb 2025 09:49:11 GMT

Hi,

This is a bit of a late response, but I had the same problem and discovered at least how to wrap the text!

In the "Values" section of the Table configuration, you can enable "Advanced formatting". This looks a bit onerous to begin with, but it's relatively simple. Each column is represented by a bunch of settings, and each bunch of settings is grouped under your column header field name.

Find the one you want, and where is says "displayText : $datapoint.your_value_here" you can add the following (take all the characters on the next line):

`<div style="text-wrap: wrap;">${

put that before "$datapoint.your_value_here"
then put the following after:

}</div>`

the whole line should look like this:

displayText : `<div style="text-wrap: wrap;">${$datapoint.your_value_here}</div>`,

That should make the text of that column wrap.

I hope that is helpful.

Bill

Re: Dashboard Table - customize element width - Fit To Data/Fit To Element

VictoriaDavis1 — Tue, 13 May 2025 17:40:32 GMT

now my table rows are way too tall. any suggestions?

Re: Dashboard Table - customize element width - Fit To Data/Fit To Element

EmileeFreeman — Fri, 16 May 2025 20:54:26 GMT

Having the same issue now. Did you find a solution to this?

Re: Dashboard Table - customize element width - Fit To Data/Fit To Element

VictoriaDavis1 — Thu, 10 Jul 2025 15:31:30 GMT

@EmileeFreeman Replace field_name with your field name and then in the return/display text put shortText2,

var raw2 = $datapoint["field_name"];

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

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

Need Dashboard Word Wrap to table cell contents an... - Esri Community