Essential Studio for React Release Notes

v17.2.28
June 27, 2019

Common

Bug Fixes

  • Resolved template rendering issue on state changes.

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.

Barcode

The Syncfusion Essential JS Barcode widget enables rendering of one dimension and two dimension barcodes in the web page. Barcode provides you a simple and inexpensive method of encoding text information that can be easily read by electronic readers

  • Supports 2 two-dimensional barcodes such as QR and DataMatrix barcodes.

Calendar

Features

  • #233255, #232782 - Now, you can change the day header format of calendar using ‘dayHeaderFormat’ property.

Card

Bug Fixes

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

Chart

Features

  • Canvas rendering mode support provided.
  • Overlapping data labels in funnel and pyramid charts will be arranged on both sides of the charts.
  • Data Editing support provided for chart series points.
  • Multi level label click event added with custom object.

Breaking Changes

  • sizeType enumeration name changed to SizeType

Chips

Breaking Changes

  • Property selection enum type name changed from “selection” to “Selection”.

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

Breaking Changes

  • The animationSettings property type changed from AnimationSettings to AnimationSettingsModel

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.

DataManager

Bug Fixes

  • #237039 - Delete operation is working properly when date column is assigned as primary key field.

DatePicker

Bug Fixes

  • #231616, #234495 - In mobile device, DatePicker popup displays in the center of the viewport.
  • #238455 – Now, change event argument isInteracted return as true when edit the date value using keyboard.

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

DateRangePicker

Bug Fixes

  • #231616, #234495 - In mobile device, DateRangePicker popup displays in the center of the viewport.

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

DateTimePicker

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

Diagram

Bug Fixes

  • Z-index for nodes/connectors is now properly updated when rendering the nodes/connectors with same z-index in symbol palette and drag and drop the nodes from the symbol palette to the diagram.
  • Now, the connection between the ports has been established when remove the InConnect/OutConnect from node’s constraints.
  • Issue with the “Layer’s z-index property and sendLayerBackward/bringLayerForward API methods” has been fixed.
  • #232371 - Drag and drop the nodes from symbol palette to the diagram will no longer work if the SymbolPalette “allowDrag” property set to false at runtime.
  • Now, the connector can be moved over the connection disabled node when drawing the connector using drawing tools.
  • #232226 - The issue “Annotation added multiple times in DOM if annotation’s text overflow enabled and select the node” has been fixed.
  • #232343 - Diagram’s selectionChange event is now triggered properly when selecting another node or unselect the selected node in less than 1 second after dragging the node.
  • Diagram’s propertyChange event is now triggered properly when move the node using keyboard and undo/redo dragged node.
  • #233008 - BPMN sequence connector does not move with stroke when its dependent node is moved issue is now fixed.
  • When changing the node’s path data at run time, it scales properly with respect to node’s size.
  • When changing the trigger type of BPMN’s Task shape at run time, the trigger shape is positioned properly.
  • Now, the connector’s decorator is docked properly when layout is enabled and drag the node.
  • When zooming the diagram, the user handles position is updated properly with respect to zoom percentage.
  • If boundaryConstraints is enabled and node’s rotateAngle is changed at run time, node does not exceed the boundary limit.
  • When changing the annotation’s properties at run time, annotation will update properly.
  • #234537 - Conditional sequence connector is now working properly when connected with BPMN Service shape.
  • #234307 - Undo/redo is now working properly when modifying the annotation’s font size at run time.
  • #234106 - When the node having different size and executing the layout, nodes are now arranged properly.
  • The hyperLink property in the Shape Annotation and Path annotation is renamed properly as hyperlink.
  • #234537 - The BPMN shape style is now applied to the BPMN inner elements.
  • #235977 - The issue “User handles drawn multiple times while dragging a node from the palette” has been resolved.
  • #235742 - The issue with the oldValue of selectionChange is shown incorrect when mouse down on node has been resolved.
  • #235794 - The textEdit event is now fired in Edge browser.
  • #236322 - The module property in the package.json has been updated.
  • #237131 - The issue “Layout is messed up when diagram have disconnected nodes” has been resolved using complex hierarchical tree layout.
  • #237533 - The issue “min-height and min-width properties of node does not updated properly at run time” has been resolved.
  • #236866 - The issue with tooltip is shown even after deleting the node has been resolved.

Features

  • #228504 – Support has been provided to customize the tooltip of the diagram.
  • #231402 – Support has been provided to show/hide segment thumb of the connector.
  • – An option has been added to set the icons and template in the diagram user handles.
  • #232055 - Text overflow support for annotation when wrapping is enabled for annotation has been added.

Breaking Changes

  • The hyperLink property in the Shape Annotation and Path annotation is renamed properly as hyperlink.
  • The class property in the UML Classifier shape is renamed properly as classShape.
  • The interface property in the UML Classifier shape is renamed properly as interfaceShape.
  • The enumeration property in the UML Classifier shape is renamed properly as enumerationShape.
  • The data property is removed from the DataSource property of the diagram.
  • The dataManager property in the DataSource is renamed to DataSource.

Dialog

Bug Fixes

  • The issue with preventing the dialog resize using args.cancel has been resolved.

DocumentEditor

Bug Fixes

  • #237415, #238902 - Document exported properly when document contains hyphen character.
  • #228049 - Tab character width is now calculated properly.
  • #228049 - Table with repeat header is now layout properly.
  • #234073 - Table is now pasted properly.
  • #236808 - Document exported properly when document contains text form field.
  • #144848 - Table shading is now exported properly.

Features

  • #229069 - Added contextual spacing support.
  • #158324, #226019, #226018, #227644, #238417 - Added support for chart preservation.
  • #94889 ,#87537, #223333 ,#222513, #224521 ,#227620 ,#227052 ,#227362, #236997 - Added spell check support.
  • #226631 ,#227594, #231373, #233073 - Added clipboard paste with formatted content.
  • #140903 ,#227192, #227641 ,#227640 - Added restrict editing support.
  • #237725 - Added API to customize gap between each page.

Breaking Changes

  • The serviceUrl property in DocumentEditorContainer component no longer expect the full path of the Web API action. Henceforth, it only expects the path up to controller name alone. And the Web API action name can be configured in serverActionSettings property for different actions.

Bug Fixes

  • #235631 - Issue with “updating default value after form reset” has been resolved.
  • #239136 - Now, you can change allowFiltering property value dynamically.

ExcelExport

Bug Fixes

  • Double quotes will be preserved proper on exporting grid data to CSV

FileManager

Features

  • Added file system provider support for SQL server database, Microsoft Azure cloud storage, NodeJS framework, and Google Drive cloud storage.
  • Provided access control support for physical file system provider.
  • Provided cut, copy, and paste file operations support.
  • Provided drag and drop support.
  • Provided rename and replace support for uploading files.
  • Provided options to upload specific types of files based on extensions.

FormValidator

Bug Fixes

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

Gantt

Bug Fixes

  • #238228 - Issue while rendering tooltip with smaller duration has been fixed.

Features

  • Now Gantt supports context menu to perform various action.
  • Provided support to perform timeline zoom in, zoom out and zoom to fit actions in Gantt.
  • Provided key interaction support in Gantt.

Grid

Bug Fixes

  • #238512 - Script error during show or hide column operations in hierarchyGrid has been resolved.
  • #145013 - Support has been provided for custom command button click event.
  • #239027 - Multiselection is now handled for Mac OS.
  • #236920 - field property is applied to headerText in MVC platform When header text is set as blank has been resolved.
  • #234538 - Performing filter operation in the dropdownlist is updating Grid column’s dataSource has been resolved.
  • #238762 - beforePaste event support has been provided.
  • #239158 - Selection border is not removed while clearing the selection using clearSelection method has been fixed.
  • #238396 - Custom filter is now working properly with 0 value.
  • #237140 - ForeignKey column filtering is now working in remote date with same foreignKeyfield and foreignkeyvalue.
  • #232623 - Support has been provided to send row object as one of the parameter for sortComparer function.
  • #145110 - Column chooser is now working properly when column is not shown in the column chooser list.
  • #234709 - Sorting is maintained in the column after ungrouping the column has been resolved.
  • #236657 - getSelectedRowCellIndexes method has been fixed to return appropriate values.
  • #236295 - An object type is set as defaultValue property for aspType.
  • #237984 - Warning log support has been provided for indicating incorrect dataSource in asyncpipe.
  • #144746 - Server post request has been prevented in pdfExport while exporting the currentViewData.
  • #223604 - Script error while scrolling when activeElement is in null state has been fixed.
  • #235834 - isVisibile property is now set while generating focus matrix.

Breaking Changes

  • Show or hide operation in grid is no more asynchronous. Previously show/hide grid columns has refreshed the grid content and dataBound event will be triggered. This behaviour has been now made synchronous to improve toggle visibility performance.
  • minWidth property value is now applied to the columns when column width is not provided. This ensures that the cell content can occupy as much as available space and should not shrink below the given minWidth value.

HeatMap

Features

  • Now it is possible to customize the legend label using legendRender event.

InPlaceEditor

Bug Fixes

  • #237441 - Modified value not updated, when using RichTextEditor with Markdown mode issue has been resolved

LinearGauge

Features

  • In the setAnnotationValue method, an option has been provided for setting annotation based on axisValue.

ListBox

Bug Fixes

  • #236715 - Drag and dropping the list item is not sorted when sortOrder enabled issue is fixed.

Features

  • Checkbox position support provided.
  • Filter support provided.
  • #234507 - Provided support for drag and dropping the single list item when more than one list item is selected by setting false to dragSelected argument in dragStart event.

Breaking Changes

  • Event select is removed instead change event is provided.

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

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

Bug Fixes

  • #237136 - Issue with Parent Menu click in mobile mode.
  • #236458 - Issue with Menu Item hovering while a page contains multiple menus.

MultiSelect

Bug Fixes

  • #235699 - Change event not happening after the control has lost focus issue has been fixed.

Features

  • #F142089, #225476, #231094, #234377 - Now, you can render grouping with checkbox using enableGroupCheckBox property.

NumericTextBox

Bug Fixes

  • #237600 - Now, validation message get removed while change the numeric value through spin buttons.

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

PdfExport

Bug Fixes

  • Preservation issue in headers and footers with section is fixed.

PDFViewer

Bug Fixes

  • #I233161 – Now, loading Indicator will be shown properly while loading a large page size document.
  • #I233035 - HyperlinkClick event is now triggered properly.
  • #I234364 - Pan interaction mode is now working properly when the toolbar is disabled.
  • #I231436 - PDF document is now rendered properly while using the PDF Viewer control inside Tab control.
  • #I232104 - Cleared the warnings in css files.

Features

  • #I208298, #I223253, #I224643, #I233655, #I238694 - Provided the supports for shape annotations.
  • #I219446, #I224643, #I230115, #I233032, #F144297, #I236825, #I238694 - Provided the supports for stamp annotations.
  • #I229426 - Provided the supports for calibrate annotations.
  • #I223253, #I238694 - Provided the supports for sticky notes annotations.

Breaking Changes

  • The following event arguments are renamed.
Existing Event Arguments Name New Event Arguments Name
IUnloadEventArgs UnloadEventArgs
ILoadEventArgs LoadEventArgs
ILoadFailedEventArgs LoadFailedEventArgs
IAjaxRequestFailureEventArgs AjaxRequestFailureEventArgs
IPageChangeEventArgs PageChangeEventArgs
IPageClickEventArgs PageClickEventArgs
IZoomChangeEventArgs ZoomChangeEventArgs
IHyperlinkClickEventArgs HyperlinkClickEventArgs
IAnnotationAddEventArgs AnnotationAddEventArgs
IAnnotationRemoveEventArgs AnnotationRemoveEventArgs
IAnnotationPropertiesChangeEventArgs AnnotationPropertiesChangeEventArgs

PivotGrid

Bug Fixes

  • Drill-down works properly for date formatted headers.

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.
  • 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.

PivotTable

Bug Fixes

  • #144352 – The fields can be added dynamically for Pivot Chart control.

Features

  • #229377 – The pivot chart which is bound with pivot table allows the user to drill down and drill up now individually.
  • #144382 – Unnecessary scroll bars have been removed from pivot table component.

Breaking Changes

  • The dataSource and dataSource.data properties has now been renamed to dataSourceSettings and dataSourceSettings.dataSource respectively.

PivotView

Bug Fixes

  • #144352 – The fields can be added dynamically for Pivot Chart control.

Features

  • #227467 - Now, null and undefined types data will not be included in aggregation. They will be displayed in the headers.
  • #227370 - Now, you can hide the fields from the pivot table field list data source.
  • #229377 – The pivot chart which is bound with pivot table allows the user to drill down and drill up now individually.
  • #144382 – Unnecessary scroll bars have been removed from pivot table component.

PopupLibrary

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

Features

  • Provided localization support for ‘AND/OR’ conditions.

RichTextEditor

Bug Fixes

  • #238872 - Issue with cursor position when enabled list with empty editor that issue has been resolved.

Features

  • Paste from Microsoft Word: This feature allows users to paste clean-formatted HTML markup by removing all unnecessary elements, styles, and attributes from text while copying and pasting it from Microsoft Word.

Breaking Changes

  • Changed the default value of the API property allowedStyleProps from null to ['background', 'background-color', 'border', 'border-bottom', 'border-left', 'border-radius', 'border-right', 'border-style', 'border-top', 'border-width', 'clear', 'color', 'cursor', 'direction', 'display', 'float', 'font', 'font-family', 'font-size', 'font-weight', 'font-style','height', 'left', 'line-height', 'margin', 'margin-top', 'margin-left', 'margin-right', 'margin-bottom', 'max-height', 'max-width', 'min-height', 'min-width', 'overflow', 'overflow-x', 'overflow-y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'position', 'right', 'table-layout', 'text-align', 'text-decoration', 'text-indent', 'top', 'vertical-align', 'visibility', 'white-space', 'width'].

Schedule

Bug Fixes

  • Localization is not set properly to datetimepicker in editor window issue has been fixed.
  • openEditor method is not set the given start and end time in month view issue has been fixed.
  • #145352 - An issue with displaying expand icon of parent resource which has no child has been fixed.

Features

  • Improved the drag and resize action for longer duration appointments.
  • Support to print the Scheduler layout.
  • Provided an option to edit the following recurrence events.
  • Provided time zone support to current time indicator.
  • Provided public method to reset/remove the highlighted work cells.

Breaking Changes

  • Change event will trigger only after the expand or collapse transition of the Sidebar.

Slider

Features

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

Sparkline

Features

  • Provided right to left rendering support for Sparkline.

Splitter

Features

  • Expand and Collapse: This feature allows you configure and interact with the expand and collapse functionality of splitter.

StockChart

Breaking Changes

  • sizeType enumeration name changed to SizeType

Tab

Bug Fixes

  • #235397 - The cancel parameter is exposed in tab selecting event.
  • #235274 - Incorrect selected content had been getting in tab selected event issue has been fixed.

TextBox

Bug Fixes

  • #238248 - Issue with “throws error while reset the form” has been resolved.
  • #235983 - Resolved the HTML5 standard issues in textbox control.

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

TimePicker

Features

  • #228310, #233267 - Now, you can add additional html attribute to the element using htmlAttributes property.

Toast

Bug Fixes

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

Toolbar

Bug Fixes

  • #231019 - An issue with RTL mode of Toolbar scroller has not working in Firefox browser has been resolved.

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.

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

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

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

  • File name ellipsis issue in edge browser has been fixed.