HOW TO

Remove the gap between adjacent panels in the ArcGIS Experience Builder Sidebar widget

Last Published: October 3, 2024

Summary

In ArcGIS Pro, the gap is visible when two widgets are nested in the Sidebar widget to optimize screen space. The gap can be removed by changing the style settings of the nested widget. This method allows the widgets to overlap and hides the gap between the adjacent panels. This article provides the workaround to remove the gap between the adjacent panels in the ArcGIS Experience Builder Sidebar widget.

The image below shows the gap between the adjacent panels of the Sidebar widget.

The gap between the adjacent panel of the Sidebar widget.

Procedure

  1. In ArcGIS Experience Builder, click Create new and click Create on the preferred template card.
  2. Add a Sidebar widget onto the canvas and configure the following settings.
    1. In the Insert widget panel, under the Layout group, drag and drop the Sidebar widget onto the canvas.
    2. In the Sidebar panel, on the Content tab, for Dock side, select the preferred dock position. In this example, the left dock side is selected.
The left dock side is selected.
  1. Add a widget into the collapsible side panel of the Sidebar widget. Configure the widget and select the preferred web map to display data. In this example, the Table widget is added and configured to the left side of the panel.
    The Table widget is added to the collapsible side panel.
    1. Add the preferred widget into the non-collapsible side panel of the Sidebar widget. Configure the widget and select the same web map as in Step 3. In this example, the Map widget is added to the right side of the panel.
    The Map widget is added to the non-collapsible side panel.
    1. Configure the widget position in the Sidebar widget. In this example, the right side panel is configured.
      1. In the widget panel, on the Style tab, click the preferred position at the top of the panel. In this example, Snap to left is selected.
    The Snap to left is selected.
      1. Under Size & Position, for the widget's position, specify the distance so that it overlaps the left side panel. In this example, ‘-2%’ is specified.
    The widget position is changed.
    1. Click More options > Save as.
    2. Click Publish.

    The image below shows the gap between the adjacent panels in the Sidebar widget is removed.

    The gap between the adjacent panels is removed.

    Article ID: 000033562

    Software:
    • 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

    Get help from ArcGIS experts

    Contact technical support

    Download the Esri Support App

    Go to download options