Hide attributes for null values using advanced formatting in the ArcGIS Dashboards list elements

Summary

In ArcGIS Dashboards, the list element can display feature attributes using Arcade expressions with advanced formatting. Each list item represents a user-defined attribute referenced in the Template field. However, if a field contains null values, the associated static text still appears, resulting in blank or incomplete information, as shown in the example below.

Using the method described in How To: Hide null values or null value counts from the ArcGIS Dashboards elements removes null values entirely from the list, which may not always be the desirable. In some cases, it is preferable to retain the list structure while hiding only attributes with null values. This article provides the workflow to hide attributes for null values using advanced formatting in the ArcGIS Dashboards list elements.

Procedure

1. In ArcGIS Dashboards, open the dashboard edit page.
2. Click View on the dashboard’s toolbar. On the Body tab, click Options next to the list element and select Configure.

3. In the List window, on the List tab, under List options, enable the Advanced formatting option. Refer to ArcGIS Dashboards: Use advanced formatting for more information.
4. In the Advanced formatting section, click Pop out editor .

1. In the Advanced formatting editor, highlight the content and remove the existing expression. Copy and paste the following expression below into the editor. Replace <fieldName1> with the field name containing null values, <variable name> with the variable, <Attribute> with the intended attribute, and <yourAttributeName> with the desired attribute name.

Note:
This Arcade expression hides a single attribute in list items when its value is null.

var <variable name> = '';

if (!IsEmpty($datapoint.<fieldName1>)) {
   <variable name> = '<Attribute>'
}

return {
  textColor: '',
  backgroundColor: '',
  separatorColor:'',
  selectionColor: '',
  selectionTextColor: '',
  attributes: {
    <yourAttributeName>: <variable name>
  }
}

Below is the full working script for this example.

var title = '';

if (!IsEmpty($datapoint.Pollution_status)) {
  title = 'Status:'
}

return {
  textColor: '',
  backgroundColor: '',
  separatorColor:'',
  selectionColor: '',
  selectionTextColor: '',
  attributes: {
    status: title
  }
}

2. Click Done.

5. On the List tab, under List options, in the Template field, specify the following expression:

{field/<fieldName2>}
{expression/<yourAttributeName>} {field/<fieldName1>}

6. Click Done.
7. Click Save > Save on the dashboard’s toolbar.

The list element below does not display the attribute for null values.