What's new 1.10

Builder updates

ArcGIS Experience Builder 1.10 includes several new features and enhancements as listed below:

  • Animations—Animations for containers (such as Fixed Panel, Sidebar, and Row) support setting animations for contained widgets. With the update, you can now define when contained widget animations start relative to the container widget animation. You can also choose to play contained widget animations all at once or one by one.
  • Builder—You can now delete an app directly from the builder by clicking Delete under More on the builder toolbar.
  • Dynamic content—The expression builder supports MAX and MIN functions for date fields.
  • Page—The new Grid full-screen page layout allows you to add a page that behaves like a Grid widget. Any elements you add to a grid page share the page's entire space. This means when you add a new widget, it pushes aside other widgets or is added as a tab in a group with another widget. You can resize and group widgets to organize them. Grid pages are responsive. When you resize a browser or change between screen sizes, the grid resizes to fit.
  • Set link—In addition to a web address, you can now use the URL option to set a link to go to an email address, phone number, and more. Also, you can set links to Section widget views located in windows, in page headers and footers, and in other widgets (such as Column, Row, and Map widgets).
  • Sharing—When you update the sharing level of an application, you are prompted to also update the sharing levels of any contained data sources or items.
  • Table of contents—For items containing other items, you can now click Expand all or Collapse all to show or hide the underlying hierarchy in the outline.
  • Templates—Adds four new full-screen page templates—Kit, Chronology, Checkerboard, and Blank grid—and one new multi-page template—Illustrator. These new default templates have a "New" badge on their thumbnails in the Templates gallery. All templates created by Esri have an official Esri badge.
  • Windows—Settings now include a quick style option for background, border, and box-shadow.
  • Sample widget—Added two new samples. The use-expression sample shows how to resolve expression for multiple records and the listen-selection-change sample demonstrates how to listen to the selection change of a data source.
  • Support importing higher versioned experiences and templates.
  • Support running developer edition behind a reversed proxy. You can change the mountPath by running npm start -- --path /abc command under server directory and then access Experience Builder Developer Edition with https://localhost:3001/abc/.

Widgets

The Add widget floating panel that appears for widgets such as Placeholder now allows you to search. For widgets that require connection to a Map widget, the Map widget selector now shows the parent page of each map in the app. Other improvements include the following new and updated widgets:

  • Coordinates widget (new)—Displays coordinates for maps and scenes. You can configure the widget with a variety of output coordinate systems and transformations.
  • Grid widget (new)—A layout container you can use to position and organize content in a grid on a page.
  • Branch Version Management widget—Supports switching branch versions for map services. Additionally, versions can now be set using a URL parameter.
  • Chart widget—Supports adding maximum and minimum numbers of decimal places for the numeric axis. Adds placement options for auxiliary guide labels.
  • Directions widget—Honors the units defined in your ArcGIS account settings.
  • Edit widget—Allows you to choose whether to include the Geometry guides and Feature to feature snapping tools.
  • Map widget—You can now place layout widgets such as Sidebar and Column directly onto the map.
  • Print widget—Adds the north arrow as a layout option. If the connected print service contains a layout with print templates that have a north arrow, North arrow displays as an option in the templates settings.
  • Query widget—You can now make all results expand by default. At runtime, users can now choose how many results to display per page using a drop-down menu or by entering a number.
  • Share widget—Allows reordering of the share options.
  • Survey widget—Supports connecting surveys owned by other users.
  • Table widget—In the widget's settings, you can now turn each column's visibility on or off for when the widget first loads. (At runtime, users can change visibility with the Show/hide columns tool.) There are also four enhancements to the widget's runtime behavior. For fields containing long strings, users can hover over any cell to view its entire value in a ToolTip. URLs in cells automatically become live links. When the user exports to JSON, CSV, or GeoJSON formats, only the fields you select for display in the widget's settings are included in the export. Editing a cell's value no longer refreshes the table, meaning users do not have to redo any scrolling or sorting as they update cells. Additionally, a Table widget can now be updated by a Timeline widget that is connected to the same data.
  • Text widget—On scrolling pages, supports setting links to scroll to a particular block on the page or return to the top of the page.
  • Timeline widget—Users can now click and drag the entire time slider forward and backward. Also, if the connected time-enabled dataset has a time offset, the widget now honors that offset.
  • Views Navigation widget—You must set a transition effect in the connected Section widget's settings to use the Views Navigation widget's Step setting.

Breaking changes

Widget translation file format

The translation files in widgets has changed from AMD to SystemJS format. Current format:

Use dark colors for code blocksCopy
1
2
3
define({
  // the strings
});

New format:

Use dark colors for code blocksCopy
1
2
3
System.register([], function (_export) {return {execute: function () {_export({
  // the strings
})}}});

A script is provided to help you easily update all translation files automatically. The script is located at client/scripts/upgrade-translation-files. Follow these steps to upgrade:

  1. In the terminal, browse to the scripts/upgrade-translation-files folder.
  2. Run node upgrade-widget-translation-files.js -w [widgets folder] to upgrade the files.

See i18n Support for more information about translation file formats.

jimu-core

  • Method onExecute in DataAction is changed from (dataSet: DataRecordSet, options: DataActionOptions) => Promise to (dataSet: DataRecordSet, actionConfig: any) => Promise
  • jimu-core/lib/types/theme.ts
    • Type ColorPaletteGenerator is removed
    • Type ThemeVariablesGenerator is removed

jimu-ui

  • DataActionDropDown use dataSet?: DataRecordSet prop instead of the dataSource, records, outFields, dataName props.
  • TextInput component, url is removed from props type, use UrlInput component instead.
  • jimu-ui/advanced/theme-components is removed.

jimu-theme

  • Class PaletteGenerator is removed, use createPalette instead
  • Method createTheme only receives one parameter: custom theme variable

Deprecated Classes, Properties, Methods, Events in 1.10

jimu-ui

  • AllDataSourceTypes in jimu-ui/advanced/data-source-selector is deprecated, import it from jimu-core instead.
  • Link component
    • Prop customStyle is deprecated.
    • Prop themeStyle is deprecated.

Previous releases

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