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.
  • 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.
  • 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—Add static and dynamic images to a page.
  • 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—Organizes pages and is designed 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.
  • Survey widget—Integrates with ArcGIS Survey123 and allows you to create a survey or use an existing survey in the widget.
  • Text widget—Add static or dynamic text to your app.
  • Widget Controller widget—A container you can use to 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.