Open multiple widgets in one fixed panel in ArcGIS Experience Builder

Summary

In most instances, more than one widget is used in ArcGIS Experience Builder when creating an experience. All the widgets used in the experience can be grouped using the Fixed Panel widget. This allows users to have multiple widgets that are accessible one at a time in a fixed panel without opening the widgets elsewhere in the experience.

This article provides the workflows  to open multiple widgets in one fixed panel in ArcGIS Experience Builder. In this example, the Legend widget and Map Layers widget are used in the experience.

Procedure

Use the Views Navigation widget to configure widget views

1. In ArcGIS Experience Builder, click Create new, select the preferred template, and click Create.
2. On the Insert widget panel, search for the Fixed Panel widget, and drag and drop it to the canvas.
3. On the Insert widget panel, search for the Section widget, and drag and drop it to the Fixed Panel widget.
4. Configure the Section widget to add a new view.
   1. Click the Section widget, and click New view to add a new view to the section on the Content tab.
   2. Click the view, click Options and select Rename to rename the view. In this example, View is renamed Legend, and View 2 is renamed Map Layers.

5. On the Insert widget panel, search for the Legend and Map Layers widgets, and drag and drop them to the Section widget.
6. On the right panel, on the Content tab, configure the settings for the widget.

1. Under Source, click the Select a Map widget drop-down list to select the Map widget.

2. Under Source, select the Interact with a Map widget source and click the drop-down list to select the Map widget.

Note:
When adding widgets to the Section widget, ensure the desired View for the widget is selected. 

7. On the Insert widget panel, search for the Views Navigation widget, and drag and drop it to the canvas.
8. Click the Quick style button to configure the design of the view.
9. Click Save to save the configurations.

The image below displays the experience after both the widgets' views are configured using the Views Navigation widget in the fixed panel.

Use the Button widget to configure widgets views

1. Follow Steps 1 through 6 from the method above.
2. On the Insert widget panel, search for the Button widget, and drag and drop it to the canvas.
3. Click the Button widget. On the right panel, on the Content tab, configure the following settings.
   1. Specify the name of the button in the Text option.
   2. Click the Set link button.

3. Under Set link, configure the following settings:
   1. Click the Link to drop-down list and select View.
   2. Click the Section drop-down list and select Legend.
   3. Leave the other settings at default.
   4. Click OK.

4. Repeat Steps 2 through 3 for the other widgets. In this example, the second widget used is the Map Layers widget.
5. Click Save to save the configurations.

The image below displays the experience after both the widgets' views are configured using the Button widget in the fixed panel.