Obtain the widget ID in ArcGIS Experience Builder

Summary

In ArcGIS Experience Builder, obtaining a widget ID included in the URL parameter provides a unique identifier, enabling precise control over the widget's actions, configurations, and interactions. Correct identification of the widget ID ensures the parameters and actions are applied to the intended widget, especially in applications with multiple widgets. However, this ID cannot be identified directly from the Experience Builder user interface and must be obtained through alternative methods, such as through browser developer tools or by enabling URL parameters for the widget in Experience Builder, and this article outlines the workflows.

Procedure

Use the Developer Tools feature

Open the Inspect Element of the browser with the published experience depending on the operating system used.

For Windows:

1. Press Ctrl + Shift + I.
2. On the Elements tab, search using widgetid for the preferred widget.

For macOS:

1. Press Cmd + Option + I.
2. On the Elements tab, search using widgetid for the preferred widget.

Enable the URL parameter of the widget in Experience Builder

Note: 
This workflow applies only to the Map and Search widgets.

1. Open the web experience in Experience Builder.
2. Click the General tab. Under Experience settings, click the arrow next to State & URL parameters.
3. In the State & URL parameters panel, under Widgets, click Page.
4. In the Body section, under the preferred Page, toggle the preferred widget on. In this example, the NY_Map widget toggle is enabled.

5. Click Save > Publish.
6. Click More and select View published item.
7. In the published experience, interact with the preferred map by zooming in or panning and obtain the widget ID from the URL. In this example, the widget ID in the URL is widget_5.