Frequently asked question

Can the List widget's dynamic text color be configured in ArcGIS Experience Builder?

Last Published: December 6, 2024

Answer

No, the List widget in ArcGIS Experience Builder does not support dynamic text color customization. In some instances, the list items must be differentiated by colors to provide more information, such as hazard statuses for fire zone locations. This can be achieved in ArcGIS Dashboards or Map Viewer using Arcade expressions, but Arcade is not supported in ArcGIS Experience Builder. To work around this, use the dynamic display of the Image widget nested in the List widget to display item cards in varying colors according to the attribute values.

Note: 
This workflow does not work when displaying data from the Near Me widget's output.
  1. In ArcGIS Online, add color images as attachments to the hosted feature layer based on the unique attributes. In this example, red, green, and yellow images are added according to the Hazard status field values.
    1. Enable attachments. Refer to ArcGIS Pro: Allow attachments for instructions.
    2. Click the Data tab and click Table. In the Photos and Files column, click Add.
    3. In the Photos and Files dialog box, on the Add tab, click Choose File.
    4. In the Open window, navigate to the attachment folder, select the attachment and click Open.
    5. In the Photos and Files dialog box, on the Add tab, click Upload.
    6. Click Close to close the dialog box.
The hosted feature layer table with the unique attributes
  1. Repeat Steps 1(b) through 1(f) to add attachments to all the features in the layer.
  2. In ArcGIS Experience Builder, open the experience.
  3. Add and connect the List widget to the feature layer.
    1. In the Insert widget panel, under Data centric, drag and drop the List widget onto the canvas.
    2. In the List widget's configuration panel, on the Content tab, select one of the templates and click Start.
    3. Click Select data.
    4. In the Select data pane, select the required layer.
  4. Configure the nested Image widget to display the attachments in the List widget.
    1. On the canvas, click the Image widget in the first item card twice; the first click selects the List widget, and the second click selects the Image widget nested within it.
    2. In the Image widget's configuration panel, on the Content tab, click the Dynamic tab.
    3. Click Attachment.
The Image widget settings on the Content tab
  1. On the Style tab, under Size & Position, for Width, specify a larger value to enlarge the image and cover the entire item card. In this example, the value is 500.00 px.
  2. Ensure Kept within the parent container is toggled on.
The Image widget settings on the Style tab
  1. Click Save The Save button and Publish to publish the experience.

The List widget below shows the item cards in red, green, and yellow based on their attribute values.

The List widget displays the items in color based on the attribute values

Article ID: 000034139

Software:
  • ArcGIS Online
  • ArcGIS Experience Builder

Receive notifications and find solutions for new or common issues

Get summarized answers and video solutions from our new AI chatbot.

Download the Esri Support App

Related Information

Discover more on this topic

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options