Essential Studio for Angular Release Notes
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
toejs
. For example,ej-grid
is changed toejs-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
anddepth
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
anddepth
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
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.
DropDownList
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
tov16.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.
Sidebar
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
anddepth
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.