We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
whatsnew-banner

ESSENTIAL STUDIO 2018 VOLUME 1

What’s New in Essential Studio for React JS 2

The official release of Syncfusion’s Essential JS 2 for React offers new schedule and map controls and other features.

Common

Essential JS 2 for React is now final

Essential JS 2 for React is now final! It includes significant improvements, stability, and new features for major components such as the grid and chart. It’s ready for production applications and has been added to our Essential Studio main build.

This also comes with a new set of Syncfusion’s most-requested and long-awaited components:

  • Schedule
  • Map
  • Date-time picker
  • Slider
  • Sidebar
  • Split button
  • Drop button
  • Upload box
  • Card

High contrast theme

A new high-contrast theme has been added to enhance component usability for people with vision impairments. This adheres to web accessibility standard WCAG 2.0 Level AAA.

Chart

Axis crossing

Move the origin of a chart to any point within the chart area.

Axis crossing

Multilevel labels

Customize axis labels in multiple levels.

Multi-level

Date-time category axis

A new date-time category axis has been added.

Datetime Category Axis

Spline area

Spline area series type has been added to chart.

Spline Area

Multicolored line and area

Multicolored line type and area type series have been added to chart.

Multi-colored Line

Multi-colored Range

Multi-colored Area

Label inside position

Move the axis label inside the chart area.

Label-Inside

Title wrap

Wrap chart titles.

Title-Wrap

Sorting

Sort the data points of a chart in either ascending or descending order.

Ascending

Descending

SVG and PDF export

Export to SVG and PDF support has been added.

What's New for ESSENTIAL JS2 React DataManager | Syncfusion

Data Manager

Diacritic-insensitive filtering

The data manager can perform diacritic-insensitive searching and filtering in your data source. This functionality can be selectively enabled in all components that have a data manager dependency.

What's New for ESSENTIAL JS2 React Grid | Syncfusion

Grid

Excel-like filter

An Excel-like filter has been added to the grid that incorporates options to filter possible values using a check box list. It also allows you to build complex filter criteria with the help of an advanced filter.

Excel filter

Advanced excel filter

Foreign key column

Foreign key column support has been added to grid to show column values from foreign data. The cell values will be shown based on the mapping column name.

Row height adjustment

Adjust grid row height programmatically.

Row height

List View

List view with check box

The check list feature displays a check box next to each item in a list, which is an easy way to select multiple items in the list view component.

Multiselect

Check box

A new check box feature is available in the multiselect component. This feature will render a check box for each list item and, based on the check box’s state, items will be selected or unselected. This makes it easy to identify the selected items. By default, a filtering option is enabled while check box mode is active.

Chip customization

The multiselect control allows the user to customize the selected chip element through a tagging event. In that event, you can set the custom classes to chip element via that event argument of setClass method.

The following screenshot demonstrates chip customization with the multiselect component.

What's New for Essential JS 2 for React | Syncfusion

Toolbar

Always show items in pop-up

Support has been added to always display specific toolbar items with secondary priority in the pop-up.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.