Frequently asked question

Is it possible to customize the background color of a group or repeat section in the ArcGIS Survey123 field app?

Last Published: May 9, 2022

Answer

Yes, it is possible to customize the background color of a group or repeat section in the ArcGIS Survey123 field app for improved visualization on limited size devices. The group or repeat section is prominently displayed on the survey form when the background color is changed. For more information on customizing the survey form, refer to ArcGIS Survey123: Esri custom columns.

Use the following steps to customize the background color of the group or repeat section in the ArcGIS Survey123 field app.

  1. Open ArcGIS Survey123 Connect. Create a survey using an Advanced template, or open the desired survey for customization.
Note:
It is not possible to create a survey with a customized background color for a group or repeat using ArcGIS Survey123 web designer.
  1. In the XLSForm, navigate to the body::esri::style column of the group or repeat section, and specify the backgroundColor property. The color scheme used by ArcGIS Survey123 follows the standard HTML color names. The code below shows the backgroundColor property is specified using either the hex color code or the color name.
backgroundColor="#ffffff" or backgroundColor="White"
Note:
Alternatively, click Settings > Style > Default (under any color field) to retrieve the HTML color code, and open the color chart. The HTML color code is located in the HTML field.

The HTML code

The image below shows the backgroundColor property in the body::esri::style column specified at the beginning of the group or repeat section.

Configuring the backgroundColor property
  1. Save the XLSForm and publish the survey.
  2. Open the ArcGIS Survey123 field app and download the desired survey. The background color of the group or repeat section appears customized.

    The image below shows the group and repeat sections with customized background colors in the ArcGIS Survey123 field app.

The survey in the field app

Article ID:000022205

Software:
  • ArcGIS Survey123 Field App iOS
  • ArcGIS Survey123 Field App Android

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