Search results

Syncfusion React UI Components (Essential JS 2) - Release Notes

v17.1.32-beta
March 13, 2019

Common

BUG FIXES
  • Resolved template rendering issue on state changes.
NEW FEATURES
  • Provided react-final-form support for Form components.

Accordion

BUG FIXES
  • Resolved the issue with accessing Accordion item object in clicked event arguments.

AutoComplete

BUG FIXES
  • Filtered value is not maintained while using model value issue has been resolved.

Calendar

BUG FIXES
  • Tabindex support has been provided.

Card

BUG FIXES
  • The issue with white background for the Card control has been fixed in Material theme.

Chart

BUG FIXES
  • Zooming icons are not visible on refreshing chart is fixed.
  • Chart not exported to SVG in IE11 is fixed.
  • Now the secondary axis is removed after changing the series type from pareto to line.
  • Legend color is not changing while changing point color using point render event is fixed.
NEW FEATURES
  • Stacking Line series type has been added to the chart.
  • 100% Stacking Line series type has been added to the chart.
  • Support has been provided to wrap axis labels to multiple lines.
  • Chart now supports animation on data updation.

Chips

The Chip control contains a small block of essential information that triggers an event on click action. It also contains the primary text, image, or both, and is mostly used in mails, contacts, or filter tags.

  • Input chip - Basic chip with delete icon that represents a person or entity and enables removal of chips from the chip list collection.
  • Choice chip - Used to select a choice from the available options.
  • Filter chip - Used to select multiple choices from the available options.
  • Action chip - Used to trigger actions for primary content.

CircularGauge

BUG FIXES
  • Issue with the ng-template on using with annotation option has been fixed.

ComboBox

BUG FIXES
  • List’s selection is not removed when remove a selected value using clear button issue has been resolved.

ContextMenu

BUG FIXES
  • Submenu items styles are not proper in ContextMenu issue is fixed.

DashboardLayout

The DashboardLayout is a grid structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.

  • Drag and Drop: Allows drag and drop of panels at the desired location within the dashboard.
  • Resizing: Support to resize the panels in any direction as per the requirement.
  • Floating: Floats the panels upward when the dragging option is enabled.
  • Media Query: Allows the panels to be stacked when the specified resolution is met.

DatePicker

BUG FIXES
  • Issue with clear button not shown when disable the allowEdit property has been fixed.
  • In iOS device, keyboard is not closed when clicking on the date picker button issue has been fixed.

DateRangePicker

NEW FEATURES
  • Now, you can move to a particular date without UI interaction using NavigateTo method.
  • Provided option to set the start and depth level view of the calendar.

DateTimePicker

NEW FEATURES
  • Now, you can provide datetime value as a string to the DateTimePicker.

Diagram

BUG FIXES
  • Drop event is now fixed when drag and drop other component is now working fine.
  • Diagram does not zoom based on the center point is now working fine.
  • Background color of the label and nodes will be black by default while updating dynamically is now working fine.
  • Background color issue found while on text editing is not fixed.
  • Connections have created from port after removing the constraints is now working fine.
  • Performance issue on diagram layout has been fixed.
NEW FEATURES
  • Support added to create a swimlane diagram using code or a visual interface with built-in swim lane shapes.
  • Support provided to prevent “previous selection gets cleared when dragging a new symbol from the symbol palette and dropping it to the diagram”.
  • Support provided to cancel the drag and drop operation from the symbol palette to the diagram when the ESC key is pressed.
  • Support provided to define the padding between the connector’s end point and the object to which it gets connected.
  • Option has been provided to retain the selection of an object when performing undo and redo operations.
  • Option provided to prevent serializing default properties when the diagram is serialized as JSON format.
  • Padding option added to scroll settings.
  • Now, it is possible to export HTML and native nodes to image format.
  • Support provided to limit the number of actions to be stored in the history manager.

Dialog

BUG FIXES
  • Provided an additional cssClass and zIndex properties to dialog utility.

Document Editor

BUG FIXES
  • Section break is now serialized properly.
NEW FEATURES
  • Added API to customize the default character format and paragraph format of document editor.
  • Added support to customize context menu.
  • Optimized text rendering.
BUG FIXES
  • Issue with change event trigger multiple times when clear value using clear button has been fixed.

Excel Export

BUG FIXES
  • Updated Readme and GitHub URL.
NEW FEATURES
  • Added rotation property to set text rotation on export.
  • Added formula property to set formulas on export.

File Manager

The File Manager is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, uploading, downloading, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.

  • Different Views - Provides detailed and large icon views.
  • Context menu support - Provides detailed and large icon views.
  • Custom toolbar support - Customize the toolbar to provide only necessary features.
  • Multiple file selection - Select multiple files simultaneously.
  • Accessibility - Features built-in accessibility support that makes all features accessible through keyboard interaction, screen readers, or other assistive technology devices.
  • Localization - Translate file names to any supported language.

FormValidator

BUG FIXES
  • Now, the url validation works with all types of url.

Gantt

  • Data sources – Bind hierarchical or self-referential data to Gantt chart with an array of JavaScript objects or DataManager.
  • Timeline – Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout.
  • Customizable Taskbars – Display various tasks in a project using child taskbar, summary taskbar and milestone UI, that can also be customized with templates.
  • Unscheduled tasks – Support for displaying tasks with undefined start date, end date or duration in a project.
  • Baselines – Display the deviations between planned dates and actual dates of a task in a project using baselines.
  • CRUD actions – Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options.
  • Task dependency – Define or update the dependencies between the tasks in a project with four types of task dependencies Finish – Start, Start – Finish, Finish – Finish, Start – Start.
  • Markers and indicators - Support for displaying indicators and flags along with taskbars and task labels. Also map important events in a project using event marker.
  • Filtering – Offers filtering the Gantt content using column menu filtering along with toolbar search box.
  • Customizable columns – Customize the columns and add custom columns to Gantt chart at initialization through column property.
  • Enriched UI – Support for Material, bootstrap, fabric and high contrast themes along with other UI options like holidays support, vertical and horizontal grid lines support and so on.
  • Localization - Provides inherent support to localize the UI.

Grid

BUG FIXES
  • Excluded template from pageSettings while get persist data in Grid.
  • Edit cells are focused when enabling multiselect dropdown with checkbox mode.
  • Grid validationRules works fine while using min and max value for NumericTextBox.
  • Script error is resolved when opening contextmenu in stacked header.
  • In FilterBar mode, the specified format is applied to date column value while performing initial filtering.
  • Grid exports current view columns alone when column virtualization is enabled.
NEW FEATURES
  • Provided virtualization support while expand or collapse the grouped records when virtualization is enabled.
  • Provided support to edit next row cell while pressing the tab key in Batch edit mode.
  • Provided support to add new row in bottom while pressing the tab key in last cell of last row in current page.
  • Provided support to trigger actionComplete event after calling expandAll and collapseAll methods.
  • Provided support to implement ‘Angular deep watch pipe’.
  • Add and Delete operation changes are updated in the grid UI when virtualization is used.
  • Provided internal event to change the edit form elements for tree grid team.

HeatMap

NEW FEATURES
  • Now it is possible to select or deselect multiple cells in Heatmap by holding CTRL key and mouse click actions.

In-place Editor

BUG FIXES
  • Toolbar fails to render properly in RichTextEditor In-Place Editor when afterOpen is set, that issue has been fixed.

ListView

BUG FIXES
  • Issue with duplicate entries on updating the data source while binding data using data manager has been fixed.
  • Now it is possible to perform key interactions with input list items displayed using custom templates.

Maps

BUG FIXES
  • Now, the border style is applied properly to the shapes when performing selection.

MaskedTextBox

BUG FIXES
  • Now, you can get the proper masked textbox value in the change event.
Breaking Changes
  • Type changes done for the following property.
Property Name Old Type New Type
animationSettings AnimationSettings AnimationSettingsModel
fields FieldSettings FieldSettingsModel
NEW FEATURES
  • Provided scrollable option in Menu for rendering large menus and submenus in an adaptive way.

MultiSelect

NEW FEATURES
  • Provided customized filtering support for checkbox mode also.

NumericTextBox

NEW FEATURES
  • Provided the “focus” and “blur” events for NumericTextBox that will trigger when the control got focus or losses focus.

PDF Viewer

BUG FIXES
  • The issue “Added PDF document cache element did not maintain properly” has been fixed.
  • The issue “PdfRenderer object is not disposing properly in EJ2 PDF Viewer library” has been fixed.
  • The issue “PDF Viewer clears all the session storage” has been fixed.
  • Resolved the script error while accessing invalid link annotation destination.
  • Resolved Single Page Document Rendering issue.
  • Document Load event not triggered for lower zoom value issue has been fixed.
NEW FEATURES
  • Text Markup annotation support has been provided to PDF Viewer.
  • Mobile view responsiveness support has been provided.
  • Right-to-left support has been provided.
  • Accessibility support has been provided to PDF Viewer.

Pdf Export

BUG FIXES
  • Compilation issue in CI is fixed.
  • Updated Readme and GitHub URL.
  • Cell padding issue in nested grid is fixed.
NEW FEATURES
  • Added Nested Grid support.
  • Added RTL Text support.

Pivot Grid

NEW FEATURES
  • F141747- Always shows value caption in headers even having single measure.
  • Cell selection now allows to select cells as row and column wise.
  • Shows the filter state in the fields of filter axis.

Pivot View/Pivot Grid

BUG FIXES
  • Drill-down works properly for date formatted headers.
NEW FEATURES
  • Users can access grid functionalities in the drill-through pop-up.
  • Option to always show the value header even with single value binding.
  • Row header repeats on each page of the PDF document when exporting.
  • Users can display the value zero as zero and empty cells with a custom value.
  • Charts can be rendered against pivot table data independently, and users can modify their report dynamically using the field list.
  • Toolbar support is provided to the pivot table, allowing users easy access to frequently used features.
  • A grouping option is available for date and numbers fields.
  • Users can customize or add custom templates to the Pivot Table cells.
  • Cell selection allows users to select cells and access the selected cell information through the cell selection event.
BUG FIXES
  • The issue with collision while displays popup on scrollable viewport element has been resolved.

ProgressButton

Breaking Changes
  • Type changes done for the following property.
Property Name Old Type New Type
animationSettings AnimationSettings AnimationSettingsModel
spinSettings SpinSettings SpinSettingsModel

QueryBuilder

Breaking Changes
  • The following events are renamed.
Existing Event Name New Event Name
beforeConditionChange beforeChange
beforeFieldChange beforeChange
beforeOperatorChange beforeChange
beforeValueChange beforeChange
conditionChanged change
fieldChanged change
operatorChanged change
valueChanged change
groupDelete change
groupInsert change
ruleDelete change
ruleInsert change
BUG FIXES
  • Between Operator produces incorrect SQL is fixed.

RichTextEditor

BUG FIXES
  • Image and Table quick toolbar open while scrolling the content in the iPhone device, that issue has been fixed.
  • Getting console error while rendering inline mode with FontColor and BackgroundColor in mobile view, that issue has been fixed.
NEW FEATURES
  • Paste cleanup
  • This feature allows users to clean up HTML content when copying and pasting any other content from external sources.

Schedule

NEW FEATURES
  • Provided support to auto-adjust the height of work cells based on the number of appointments present in the same time ranges.
  • Support for exporting the Scheduler events to an Excel file format is provided.
  • Support has been provided to export the Scheduler events to a calendar (.ics) file, as well as to import events from an .ics file into our Scheduler.
BUG FIXES
  • Multiple event bindings issue on calling show and hide methods when closeOnDocumentClick property is enabled has been fixed.
NEW FEATURES
  • MediaQuery property will now support both string and MediaQueryList object types.

Slider

NEW FEATURES
  • Now only single tooltip will be displayed in range slider for resize and drag actions for better user interface.

Sparkline

NEW FEATURES
  • Provided right to left rendering support for Sparkline.

Splitter

BUG FIXES
  • The issue with not able to set null value value for cssClass API has been fixed
NEW FEATURES
  • Expand and Collapse: This feature allows you configure and interact with the expand and collapse functionality of splitter.

Stock Chart

NEW FEATURES
  • Stock chart now allows stock events to highlight important dates.

Tab

Breaking Changes
  • The initial focus set on active tab item is removed from the component on initial load.

TextBox

BUG FIXES
  • Now input event will trigger after clear the textbox value using clear icon.
NEW FEATURES
  • Provided option to render multiline textbox (textarea).

TimePicker

BUG FIXES
  • Fixed the form validation class ng-dirty issue in Angular forms.
  • Issue with, “TimePicker not restoring the initial value on form reset” has been fixed.

Toast

BUG FIXES
  • Resolved the issue “window is not define” on registering component as plugin in Toast component.

TreeGrid

BUG FIXES
  • Change detection for properties dataSource and query were handled for remote data.
  • Edited records can be searched/filtered.
  • Inner level records will be collapsed/expanded after filtering/searching actions.
NEW FEATURES
  • Checkbox selection support has been provided that allows users to select rows using checkbox.
  • Checkbox Column support has been provided that allows users to check rows using checkbox in treegrid column.

TreeMap

NEW FEATURES
  • The right-to-left (RTL) rendering support has been provided.
  • Load on-demand option has been provided to load and render the child items dynamically.
  • Responsive support has been provided to the TreeMap legend.
  • The ‘doubleClick’, ‘rightClick’, and ‘legendRendering’ events have been provided in TreeMap.

TreeView

NEW FEATURES
  • Provided an option for auto checking parent tree nodes based on child tree nodes checked state and vice versa.
  • Now it is possible to select or unselect the collapsed child nodes by selecting its parent node through checkbox selection, with Load-On-Demand mode enabled.

Uploader

BUG FIXES
  • Issue with uploading the file within the form has been fixed.
  • Issue with updating the uploader buttons text in firefox lower versions has been fixed.