Widgets

Experience Builder includes many out-of-the-box widgets for creating web experiences. Most widgets have settings that you can configure and customize to tailor the app to your audience. When you add a widget, its configuration panel includes Content, Style, and Action settings. Content defines the behavior, data, links, and other settings for the widget. Each widget has unique configurations.

At the top of the widget configuration panel, you can change the icon and label to distinguish between widgets as you configure the web experience.

The icon and name appear in the Outline section for the active page and in choice lists when you connect widgets.

Mapcentric widgets

Mapcentric widgets are functional widgets that feature or connect to a Map widget. The following is a list of the mapcentric widgets that you can add and configure:

  • 3D Toolbox widget—Add 3D effects and analysis tools to web scenes. Currently, the widget supports daylight, weather, shadow cast, and line of sight tools.
  • Analysis widget—Add analysis tools to an app. You can choose from 64 built-in spatial analysis tools or add custom geoprocessing tools.
  • Basemap Gallery widget—Add a panel for changing a map's basemap. The widget can synchronize with your organization's basemap settings, or you can choose which basemaps to include.
  • Bookmark widget—Provide a collection of 2D and 3D spatial bookmarks for a selected map.
  • Building Explorer widget—Filter and explore various components of building scene layers.
  • Business Analyst widget—View and populate infographics made with ArcGIS Business Analyst.
  • Coordinate Conversion widget—Convert coordinates between coordinate systems using multiple notation formats.
  • Coordinates widget—Display coordinates for maps and scenes. The widget supports a variety of output coordinate systems and transformations.
  • Directions widget—Calculate routes between two or more stops.
  • Draw widget—Create simple graphics for points, lines, and polygons on 2D web maps and 3D web scenes. The widget supports adding measurements to drawn graphics for coordinate position, length, perimeter, and area.
  • Elevation Profile widget—Generate and display an elevation profile from an input path. Users can draw or select a line on a 2D web map or 3D web scene.
  • Floor Filter widget—Explore floor-aware maps and scenes made with ArcGIS Indoors.
  • Fly Controller widget—Showcase fly animation by navigating through a path or around a point on a 3D map.
  • Legend widget—Display labels and symbols for layers in a map.
  • Map widget—Display 2D and 3D geographic information with the option to include tools in the map.
  • Map Layers widget—Display a list of map layers and their symbols.
  • Measurement widget—Calculate distances, perimeters, and areas in web maps and web scenes.
  • My Location widget—View and record your location and movement.
  • Near Me widget—Find and summarize data about features within a certain distance of a defined location.
  • Oriented Imagery widget—Interact with and visualize imagery that is taken from any angle—including oblique, street-side, inspection, and 360-degree images—in a 2D map or 3D scene.
  • Print widget—Print web maps. The widget includes options for previewing extents, selecting layouts, and more.
  • Suitability Modeler widget—Combine and weight different layers to evaluate multiple factors at once. Users can find the best location for an activity, predict susceptibility to risk, identify where something is likely to occur, and more.
  • Swipe widget—Compare different layers by moving or "swiping" a divider across the map.
  • Utility Network Trace widget—Run traces in a utility network to optimize paths for resources to travel. A part of proper network management, tracing a network can help utilities deliver resources to customers, track the health of a network, and identify deteriorating areas. Users can create starting and barrier points to define the location of a trace.

Datacentric widgets

Datacentric widgets are functional widgets that you can use as app tools to interact with data sources. The following is a list of the datacentric widgets that you can add and configure:

  • Add Data widget—Temporarily add data sources to an app at run time. You can add data from ArcGIS content, a URL, or local storage.
  • Branch Version Management widget—Manage the versions of branch versioned datasets, displaying corresponding versions in other widgets in your app that use the same services.
  • Chart widget—Visualize quantitative attributes from an operational layer to reveal potential patterns or trends.
  • Edit widget—Create, update, or delete features in data sources or map widgets. Editing directly in a map widget allows modifying attributes and geometry.
  • Feature Info widget—Show details about features from a layer.
  • Feature Report widget—Generate high-quality reports about features from layers associated with Survey123 surveys.
  • Filter widget—Limit the visibility of features in a layer to only those that meet the expression criteria.
  • List widget—Display data records in a custom list view. It uses a card design as a container for a few short descriptions of related information with the option to include a button to view additional details.
  • Query widget—Retrieve information from a data source by running an attribute or spatial filter query.
  • Search widget—Place anywhere on the map or page and allow users to find features, records, or locations based on specific layers and locators. You can define how and where to display search results in the app.
  • Select widget—Select features using attribute selection, interactive map selection, and spatial selection.
  • Survey widget—Create a survey or use an existing survey in the widget. This widget integrates with ArcGIS Survey123.
  • Table widget—Display interactive attribute tables for feature layers with the option to include multiple sheets accessed through tabs or a list.
  • Timeline widget—View temporal data from web maps, feature layers, and map service layers to see how data changes over time.

Page element widgets

Page element widgets add images, text, and other media to your app. The following is a list of the page element widgets that you can add and configure:

  • Button widget—Provide links to pages and section views in your app or a web address.
  • Card widget—Display related bits of content in a flexible and extensible container.
  • Divider widget—Separate widgets with a visual line to improve page structure.
  • Embed widget—Embed website content using a URL or code for additional custom functionality.
  • Image widget—Display static and dynamic images.
  • Text widget—Add static or dynamic text to your app.

Menu and toolbar widgets provide options that can help users browse and share your app. The following is a list of the menu and toolbar widgets that you can add and configure:

  • Menu widget—Organize pages to help users get from one page in your app to another.
  • Share widget—Allow end users to share the app using a variety of methods.
  • Widget Controller widget—Organize other widgets as buttons, managing their life cycle and display.

Layout widgets

Layout widgets are the containers that help organize widgets on the page. The following is a list of the layout widgets that you can add and configure:

  • Column widget—Position and organize content vertically as a single column on a page.
  • Fixed Panel widget—Group widgets together and form a fixed panel.
  • Grid widget—Position and organize content in a grid on a page.
  • Placeholder widget—Save a place on the page during layout design work.
  • Row widget—Position and organize content side by side in an aligned row on a page.
  • Sidebar widget—Use two adjacent panels to control the layout and allocation of nested widgets.

Section widgets

Section widgets showcase dynamic content in multiple views and allow users to switch between views. The following is a list of the section widgets that you can add and configure:

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.