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.

Note:

You can upload the following image formats: PNG, GIF, JPG, JPEG, and BMP. To preserve optimal performance, there is a 10MB size limit for each upload.

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

Map-centric widgets

Map-centric widgets are functional widgets that feature or connect to a Map widget. The following is a list of the map-centric 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.
  • Bookmark widget—Provide a collection of 2D and 3D spatial bookmarks for a selected map.
  • Coordinates widget (new)—Display coordinates for maps and scenes. The widget supports a variety of output coordinate systems and transformations.
  • Coordinate Conversion widget—Convert coordinates between coordinate systems using multiple notation formats.
  • 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. Supports adding measurements to drawn graphics for coordinate position, length, perimeter, and area.
  • Elevation Profile widget—Generating 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 option to include tools in the map.
  • Map Layers widget—Display a list of map layers and their symbols.
  • 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.
  • 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.

Data-centric widgets

Data-centric widgets are functional widgets that can perform as app tools to interact with data sources. The following is a list of the data-centric widgets that you can add and configure:

  • 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.
  • 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.
  • 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

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—Provides two adjacent panels, allowing you 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: