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, BMP, and WebP. 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.

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. Widgets are listed here in the same order as they are in the Insert widget panel.

• Map widget—Display 2D and 3D geographic information with the option to include tools in the map.
• 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.
• Map Layers widget—Display a list of map layers and their symbols.
• Legend widget—Display labels and symbols for layers in a map.
• Coordinates widget—Display coordinates for maps and scenes. The widget supports a variety of output coordinate systems and transformations.
• Measurement widget—Calculate distances, perimeters, and areas in web maps and web scenes.
• Directions widget—Calculate routes between two or more stops.
• Bookmark widget—Provide a collection of 2D and 3D spatial bookmarks for a selected map.
• Coordinate Conversion widget—Convert coordinates between coordinate systems using multiple notation formats.
• 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.
• Print widget—Print web maps. The widget includes options for previewing extents, selecting layouts, and more.
• Floor Filter widget—Explore floor-aware maps and scenes made with ArcGIS Indoors.
• Swipe widget—Compare different layers by moving, or swiping, a divider across the map.
• 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.
• 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.
• Analysis widget—Add analysis tools to an app. You can choose from 64 built-in spatial analysis tools or add custom geoprocessing tools.
• Business Analyst widget—View and populate infographics made with ArcGIS Business Analyst.
• 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.
• Oriented Imagery Viewer 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.
• Processing Templates widget—Apply raster function templates to imagery layers.
• Display Order widget—Define the rules for mosaicking and displaying overlapping images. Create a mosaic from an ArcGIS imagery layer with a mosaic dataset.
• 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.
• Fly Controller widget—Showcase fly animation by navigating through a path or around a point on a 3D map.
• Building Explorer widget—Filter and explore various components of building scene layers.
• Classic 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.
• Document Explorer widget—Explore files and folders from Autodesk Construction Cloud and BIM 360 projects. This widget functions as a file navigation tool and lists documents in a drop-down folder structure.
• Document Viewer widget—View and interact with Autodesk Construction Cloud and BIM 360 documents.
• Link Explorer widget—View Autodesk Construction Cloud and BIM 360 project documents that are linked to features in a web map or web scene.

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:

• 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.
• 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.
• Table widget—Display interactive attribute tables for feature layers with the option to include multiple sheets accessed through tabs or a list.
• Chart widget—Visualize quantitative attributes from an operational layer to reveal potential patterns or trends.
• 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.
• Query widget—Retrieve information from a data source by running an attribute or spatial filter query.
• Select widget—Select features using attribute selection, interactive map selection, and spatial selection.
• 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 Report widget—Generate high-quality reports about features from layers associated with Survey123 surveys.
• 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.
• Survey widget—Create a survey or use an existing survey in the widget. This widget integrates with ArcGIS Survey123.
• Timeline widget—View temporal data from web maps, feature layers, and map service layers to see how data changes over time.
• 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.

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:

• Text widget—Add static or dynamic text to your app.
• Image widget—Display static and dynamic images.
• 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.
• Embed widget—Embed website content using a URL or code for additional custom functionality.
• Divider widget—Separate widgets with a visual line to improve page structure.

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.
• Widget Controller widget—Organize other widgets as buttons, managing their life cycle and display.
• Share widget—Allow end users to share the app using a variety of methods.

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:

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

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:

• Section widget—Display dynamic content in one or more views.
• Views Navigation widget—Provide interactive access to the views in a Section widget.