Widgets overview

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.

Basic widgets

Basic widgets are functional widgets that can perform as app tools. The following is a list of the basic widgets that you can add and configure:

  • Bookmark widget—Provide a collection of 2D and 3D spatial bookmarks for a selected map.
  • 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.
  • 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.
  • Chart widget—Visualize quantitative attributes from an operational layer to reveal potential patterns or trends.
  • Coordinate Conversion widget—Convert coordinates between coordinate systems using multiple notation formats.
  • Divider widget—Separate widgets with a visual line to improve page structure.
  • Edit (beta) widget—Allows creating, updating, or deleting features in data sources or map widgets. Editing directly in a map widget allows modifying attributes and geometry.
  • Embed widget—Embed website content using a URL or code for additional custom functionality.
  • 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.
  • Fly Controller widget—Showcase fly animation by navigating through a path or around a point on a 3D map.
  • Image widget—Display static and dynamic images.
  • Legend widget—Display labels and symbols for layers in a map.
  • 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.
  • 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.
  • Menu widget—Organize pages to help users get from one page in your app to another.
  • Oriented Imagery widget—Allows interacting with and visualizing imagery that is taken from any angle—including oblique, street-side, inspection, and 360-degree images—in a 2D map or 3D scene.
  • 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.
  • Share widget—Allow end users to share the app using a variety of methods.
  • Survey widget—Integrates with ArcGIS Survey123 and allows you to create a survey or use an existing survey in the widget.
  • Table widget—Display interactive attribute tables for feature layers with the option to include multiple sheets accessed via tabs or a list.
  • Text widget—Add static or dynamic text to your app.
  • 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.
  • 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.
  • Section widget—Display dynamic content in one or more views.
  • Sidebar widget—Provides two adjacent panels, allowing you to control the layout and allocation of nested widgets.
  • Views Navigation widget—Provides interactive access to the views in a Section widget.