Essential Studio for Angular Release Notes

v16.1.24
February 22, 2018

Common

Features

  • High contrast theme support.
  • Angular Universal support added
  • Added support for SVG and PDF export.

Breaking Changes

  • Tag prefix for Angular components is changed from ej to ejs. For example, ej-grid is changed to ejs-grid.

Bug Fixes

  • Resolved clearTemplate issue.

AutoComplete

Breaking Changes

  • Changed the filtering event argument types to FilteringEventArgs.

Calendar

Features

  • Today button support has been provided for Calendar.

Breaking Changes

  • Pascal casing change to start and depth property values (Month, Year, Decade).

Chart

Features

  • Multicolored line type and area type series have been added to chart.
  • A new date-time category axis has been added.
  • Spline area series type has been added to chart.
  • Support has been provided to customize axis labels in multiple levels.
  • Support has been provided to wrap the chart title.
  • Support has been provided to sort data points in either ascending or descending order.
  • Supports to move the axis labels and ticks inside the chart area.
  • Axis crossing feature has been added to chart.

DatePicker

Features

  • Today button support has been provided for DatePicker.
  • Input type date has been handled in DatePicker.

Breaking Changes

  • Pascal casing change to start and depth property values (Month, Year, Decade).
  • Focus the input when select the value from the DatePicker popup.

DateRangePicker

Features

  • DateRangePicker rendered based on the screen resolution.
  • DateTime support has been provided for DateRangePicker.
  • Input type date has been handled in DateRangePicker.

DateTimePicker

DateTimePicker component for selecting or entering a date and time with options for disabling dates, restricting selection and showing custom events.

  • Range Restriction – Allows to select a date and time within a specified range.
  • Format – Formatting the value displayed in a textbox.
  • Customization – Allows to customize each day and time cell of the Calendar and time popup list.
  • Strict Mode - Allows to enter the only valid date and time in a textbox.
  • Accessibility - Provided with built-in accessibility support which helps to access all the DateTimePicker component features through the keyboard, screen readers, or other assistive technology devices.

Dialog

Bug Fixes

  • The issue with ng-properties were not working inside a Dialog has been fixed.
  • Resolved the issue with accessing EJ2 component’s instances when rendering the EJ2 component inside the Dialog.

DropDownButton component is used to toggle contextual overlays for displaying list of action items.

  • Sizes - Provided with different sizes of DropDownButton.
  • Icons and Navigations - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided.
  • Separator - Supports Popup items grouping by using the Separator.
  • Accessibility - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices.

Bug Fixes

  • Console error thrown while navigating the angular routing in DropDownList change event, this issue has been fixed.

Grid

Bug Fixes

  • Angular and React enablePersistence issue resolved.

Features

  • New Excel like column filtering option is added.
  • Added Look-up table or foreign key data binding to grid column.
  • Row height adjustment feature added.

Breaking Changes

  • All grid enum property values are changed from camel casing to pascal casing. Please refer the below link for complete API changes from v15.4.23 to v16.1.24.
  • Migration.

ListView

Features

  • The checklist feature implemented, which is used to select multiple items in ListView.

Maps

The Maps control is used to visualize the geographical data. It is used to represent the statistical data of a particular geographical area on Earth, with user interactivity and provides various customizing options. All the map elements are rendered using Scalable Vector Graphics (SVG).

  • Layers - Map is maintained through layers and it can accommodate one or more layers.
  • GeoJSON Data Input - Supports GeoJSON data, which allows you to plot your own shapes in the maps.
  • Map Providers - Supports map providers such as Bing and OpenStreetMap that can be added to any layers.
  • Projection - Supports 6 types of map projections.
  • Marker - Supports 10 types of marker shapes and also takes custom HTML element.
  • Bubbles - Supports 2 types of bubbles such as Circle and Square.
  • Legend - Supports legend which is useful in providing additional information about shapes, bubbles and markers with paging and customization options.
  • Data Labels - Supports data label to provide additional information about the shapes.
  • Navigation Lines - Lines can be rendered between various points in map.
  • Annotations - Supports placing any HTML element on desired location in the map.
  • User interaction - Supports interactive features like zooming, panning, tooltip, highlight, selection and interactive legend.

MultiSelect

Bug Fixes

  • Value preselect not working in remote data, this issue has been fixed.

Features

  • CheckBox support.
  • Prevent the Popup open on component click while openOnClick property set as false.
  • Provided chipSelect event for chip selection action.

Breaking Changes

  • Pascal casing change to mode property values (Default, Box, Delimiter, CheckBox).
  • Changed the maximumSelectionLength behaviour.

Schedule

Schedule is an event calendar which facilitates user with the common Outlook-calendar features, thus allowing the users to plan and manage their appointments and its time in an efficient way.

  • Views - Schedule is now availed with 6 different view modes – day, week, work week, month, agenda and month agenda. It is possible to configure view-based settings on each view mode. The Week view is set as active view by default.
  • Data binding - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
  • Recurrence - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
  • Template - The key elements like events, date header, work cells and event tooltip comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
  • Time zone - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
  • Customizable working days and hours - Users can set specific work hour range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as weekend.
  • Custom editor template - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
  • Adaptive rendering - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
  • Keyboard interaction - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
  • Localization - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language.
  • RTL - Supports displaying the component to display in the direction from right to left.

The Sidebar is an expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content.

  • Target - The Sidebar can be initialized in any HTML element other than the body element.
  • Types – Supports Push, Over, Slide and Auto to expand or collapse the Sidebar.
  • Position – Allows to position the Sidebar in Left or Right direction.
  • Auto close - Allows to set the sidebar in an expanded or collapsed state only in certain resolutions.
  • Dock - By default, supports display of short notifications about the content on docked mode.
  • Backdrop – Specifies the whether to apply overlay options to main content when the Sidebar is in open state.

Slider

The Slider component allows the user to select a value or range of values in-between the min and max range, by dragging the handle over the slider bar.

There are three types of Slider:

  • Default - Shows a default slider to select a single value.
  • MinRange - Displays fill color from the start value to the current selected value.
  • Range - Select a range of values.

The available key features are

  • Types: Provided three types of Slider.
  • Orientation: Displays the Slider in horizontal or vertical direction.
  • Buttons: Provided built-in support to render the buttons in both edges of the Slider.
  • Tooltip: Displays a tooltip to show the currently selected value.
  • Ticks: Displays a scale with small and big ticks.
  • Format: Customize the slider values into various format.
  • Accessibility: Built-in compliance with the WAI-ARIA specifications.
  • Keyboard Interaction: The Slider can be intractable through the keyboard.

SplitButton

SplitButton component has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items.

  • Sizes - Provided with different sizes of SplitButton.
  • Icons and Navigations - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided.
  • Separator - Supports Popup items grouping by using the Separator.
  • Accessibility - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.

Tab

Breaking Changes

  • Locale key changed from close to closeButtonTitle.

TextBox

Bug Fixes

  • Fixed the input alignment issue in the window 8.1 edge browser.
  • Removed the additional spaces for error messages on the input.

TimePicker

Features

  • Added itemRender support for the TimePicker which allows to customize each time values in a popup list.
  • Input type time has been handled in TimePicker.
  • Added scrollTo support for the TimePicker which is used to set the scroll position to the given time value when no value is selected in the popup list or the given value is not present in the popup list.

Breaking Changes

  • Pascal casing change to start and depth property values (Month, Year, Decade).

Toolbar

Breaking Changes

  • Pascal casing change to align property values (Left, Center, Right).

Tooltip

Bug Fixes

  • Line displayed in between tip and content of tooltip issue fixed by using font-icons for tooltip arrow element.

Uploader

The Uploader component is useful to upload images, documents, and other files to server.

The component is extended version of HTML5 upload with multiple file selection, auto upload,
drag and drop, progress bar, preload files, and validation.

  • The available key features are
  • Asynchronous Upload - Allows you to upload the files with asynchronous way.
  • Drag and Drop - The files can be dragged from file explorer, and dropping into the drop area.
  • Form Supports - The selected or dropped files are received as a collection in a form action when the form is submitted.
  • File Validation - Validate the files based on file’s size and type.
  • Template - Allows you to customize the default appearance of Uploader.
  • Accessibility - provides built-in accessibility support which helps to access all the Uploader features through keyboard, on-screen readers, or other assistive technology devices.