Search results

Syncfusion JavaScript (ES5) UI Controls (Essential JS 2) - Release Notes

v16.4.40-beta
December 10, 2018

Common

Accumulation chart

NEW FEATURES
  • The center option has been provided to the accumulation chart.
  • Support has been provided for different radius in pie slice.

Chart

NEW FEATURES
  • Support for grid line animation has been provided.
  • Support has been provided to load data on-demand.

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

NEW FEATURES
  • Support has been added to set gap between the ranges.
  • Support has been added to calculate the radius of the gauge based on the start and end angles.

ContextMenu

Breaking Changes
  • The animationSettings property type changed from AnimationSettings to AnimationSettingsModel

DataManager

BUG FIXES
  • Script error thrown in batch-deleting while server returns no data is resolved.
  • Provided option in DataManger to define CRUD url in OdataV4Adaptor.

DatePicker

BUG FIXES
  • Selecting a value with the Enter key will not bubble up the event to its ancestor elements.

Diagram

NEW FEATURES
  • Support to create a UML class diagram through code or a visual interface with the built-in class diagram shapes is added.
  • Support to create a UML activity diagram through code or a visual interface with the built-in activity shapes is added.
  • Support to limit the label positions while dragging a label from the connector is added.
  • Support to generate a diagram by reading the data from the database, and updating the database with the newly inserted/updated/deleted nodes and connectors is added.
  • Support to render a large number of nodes and connectors in a diagram for effective performance is added.
  • Template support for annotation is added.

Dialog

NEW FEATURES
  • Provided resizable support to the dialog for both modal dialog and modeless dialog (non-modal).
  • Provided option to pass animation settings as an argument to utility methods of dialog.

Document Editor

NEW FEATURES
  • Added support for Right-to-left flow direction in control.
  • Added support for table auto fit layout.
  • Added Document Editor Container component for toolbar and properties pane.

FormValidator

NEW FEATURES
  • Localization - Supports to localize error message for the “FormValidator” to different cultures.

Grid

Breaking Changes

Interface changed for PdfExportProperties | Property | Old | New | | -------- | --- | --- | | theme.header | borders.color | border.color | | | borders.lineStyle | border.dashStyle | | theme.record | borders.color | border.color | | | borders.lineStyle| border.dashStyle | | theme.caption | borders.color | border.color |

BUG FIXES
  • Getter function from super class are not available inside the template-context is fixed.
  • Filter icon goes a little above the headerText with wrapMode as Header is resolved.
  • rowDeselecting event not triggered after double clicking a particular row and select different row is resolved.
  • Column-Menu items are not disabled when disabled the grid properties at column level is fixed.
  • Provided theme support for grid header in excel-export.
  • Provided whole dataset for the custom-aggregate function when use disablePageWiseAggregate with no grouping.
  • Provided theme support for grid content in pdf-export.
  • Script error when editTemplate is used in batch mode is fixed.

HeatMap

NEW FEATURES
  • Support for toggling the cell visibility with legend selection has been added for fixed type legend in heat map. This support helps to view the data points with values which matches the legend selection.
  • Multi-level axis label grouping feature has been added to heat map.
  • Cell selection feature has been added to heat map, this feature helps to select single or multiple heat map cells at run-time.
  • Support for binding date object to axis labels for cell JSON data has been provided.
  • Support for auto generating axis labels for cell JSON data has been provided.
  • Provided support for formatting legend label in heat map.
  • Provided support for customizing the cell tool tip UI.
  • Provided support for customizing the data labels.

In-place Editor

The In-place Editor component is used to edit and update the input value dynamically to the server. It supports integrating many component types such as “DropDownList”,”DatePicker”,”AutoComplete”, etc.

  • Render mode - Provides two types of rendering modes when editing the input, namely “Inline” and “Popup”.
  • Component integration - Support to integrate components such as “DropDownList”, “DatePicker”,” AutoComplete”, etc. to the In-place Editor.
  • Data binding - Bind the In-place Editor component with an array of JSON objects or DataManager to save the edited data to the server.
  • Customization - Offers UI customization such as popup, buttons, and also denotes editable content state.
  • Template - Templates can be used to integrate custom controls to the In-place Editor.
  • Globalization - Provides right to left and localization support.

Maps

NEW FEATURES
  • Support has been added for desaturation color mapping.
  • Support has been added to hide specific legend items and bind legend text from data source.
  • Support has been added for highlighting or selecting the legend items along with shapes.
  • Support has been added to specify multiple fields in the data source for shapePropertyPath.
  • Events has been added for zoom-in and zoom-out.
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.

PDF Viewer

The PDF Viewer component enables you to view and print the PDF files.

  • Both normal and PDF files protected with AES and RC4 encryption can be opened and displayed.
  • Core interactions are included: scrolling, zooming, panning, and page navigation.
  • Built-in toolbar.
  • Text can be selected and copied from PDF files.
  • Text can be easily searched for across the PDF document.
  • Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and a table of contents.
  • Two view modes are included: fit-to-page and fit-to-width.
  • An entire document or a specific page can be printed directly from the browser.

Pivot Grid

BUG FIXES
  • 219623 - Text in the field list tab gets completely displayed in mobile layout.
  • 219625 - Scrolling works properly in touch mode when virtual scroll option is enabled.
  • 219625 - In mobile device, virtual scrolling sample is loaded properly from the sample browser.
  • 219625 - In mobile device, last column cells are displayed properly.
NEW FEATURES
  • Raw items in the control can be edited and updated at runtime.
  • Provided support to list the raw items for a particular value cell.
  • In the filter pop-up, provided support to set the limit the display field values and search option for refining the values from large data.
  • Provided hyperlink support to perform any custom operation programmatically.
  • Defer update option has been provided to refresh the control on-demand and not during every UI interaction for better performance.
  • Provided support to show or hide subtotals and grand totals for rows and columns.
  • More aggregation types like – Distinct Count, Product, Running Totals, Percentage of Column Total, Percentage of Parent Column Total, Population Var are added.

ProgressButton

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

QueryBuilder

The Query Builder component is a graphical user interface that allows users to create and edit filters. It outputs a structured JSON of filters which that can be easily parsed to create SQL. It is integrated with Data Manager to communicates with data sources and returns the desired result based on the provided filter. It supports data binding, templates, validation, and horizontal and vertical orientation.

  • Data binding: It auto populates the data source and maps the data to the appropriate fields.
  • Template: Supports templates and it is applicable for all input components.
  • Queries: Queries supports JSON/SQL rules.

RichTextEditor

BUG FIXES
  • Dynamic enabling and disabling support for toolbar items has been provided.
  • Image dialog’s Browse button width is not adjusted based on the text issue has been resolved.
NEW FEATURES
  • Insert table support has provided for MarkDown Editor.

Schedule

Breaking Changes
  • The default value of allowVirtualScrolling has been changed to false.
BUG FIXES
  • An issue that occurs with BYDAY rule option, while defining day names in different order has been fixed.
  • An issue with eventClick client-side event not triggering, while selecting multiple appointments by pressing ctrl key and mouse click combination has been fixed.
  • An issue with wrong display of + more count indicator in all-day row has been fixed.
NEW FEATURES
  • A specific time range can be blocked on Scheduler now, to prevent the creation of appointments in that time slot.
  • Specific events can be made read-only, restricting any CRUD actions.
  • Load resources and appointments of timeline views virtually on every scroll action.

Splitter

The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.

  • Resizable: By default, all the panes configured with resizable.
  • Orientation: The panes can be oriented horizontally and vertically.
  • Nested: Integrate splitter controls inside split pane to create nested layout.
  • Separator: Divide the pane with horizontal or vertical line with customizable dimension.

Stock Chart

Stock Chart component is used to track and visualize stock price of any company over a specific period using charting and range tools. All stock elements are rendered by using Scalable Vector Graphics (SVG).

  • Data Binding - Binds the data with local and remote data source.
  • Chart - To represent the selected data and its supports candle, hilo, OHLC, line, spline and area type series.
  • Range Selector - To select the smaller range from a larger collection.
  • Data Types - Supports three different types of data, namely Numerical, Datetime, and Logarithmic.
  • Animation - Chart series and slider will be animated when rendering and changing the selected data.
  • Period Selector - Supports period selector to select data based on predefined periods.
  • Tooltip - Supports tooltip for the selected data.
  • Export - Supports to print the chart directly from the browser and exports in both JPEG and PNG format.

Tab

NEW FEATURES
  • Tab vertical orientation support was provided.

TimePicker

BUG FIXES
  • Selecting a value with the Enter key will not bubble up the event to its ancestor elements.

TreeMap

NEW FEATURES
  • Support has been added for desaturation color mapping.
  • Support has been added to hide specific legend items and bind legend text from data source.
  • Support has been added for highlighting or selecting the legend items along with shapes.
  • Support has been added to bind colors for the items from the data source.

TreeView

NEW FEATURES
  • Provided an option to disable child nodes when load-on-demand support is enabled.
  • Provided an option to disable the load-on-demand support in TreeView control.

Uploader

NEW FEATURES
  • Enabled sequential upload support to file upload component that upload the selected files one after the other to the server.
  • New event provided “chunkUploading” which trigger on every chunk to be upload in file upload.
  • Provided the option to get additional data back from a server to client on file upload.