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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
What’s New in Syncfusion React UI Components

ESSENTIAL STUDIO 2021 VOLUME 2

What’s New in Syncfusion React UI Components

The React component suite receives a new spline range area chart type, form fields in the PDF Viewer, and a Tailwind CSS theme.

Common

Tailwind CSS theming

Tailwind CSS theme has been added to all the Syncfusion EJ2 React components.

Tailwind CSS theming

Charts

Spline range area

A new, interactive chart series called spline range area has been added. The spline range area chart is used to display continuous data points as a set of splines that vary between high and low values over intervals of time and across different categories.

Spline range area.

DatePicker

Masked date input

This feature allows users to enter valid input dates and the correct format during data entry.

React DatePicker with masked date input

DateTime Picker

Masked date-time input

This feature allows users to enter valid input dates and the correct format during data entry.

React DateTime Picker with masked date-time input

Word Processor

Text box shape with square wrapping style

This feature preserves the text box shape with square wrapping style when viewing a Word document.

Text box shape with square wrapping style.

Image position and wrapping styles

This feature preserves the images with position properties and wrapping styles when viewing a Word document.

Image position and wrapping styles.

Table paste options

This feature allows the user to copy the table and paste it on an existing table within a Word document as a new row, new column, or nested table.

Table paste options.

Gantt Chart

Time zones

Show scheduled date values in a specific time zone even when different end users are in different time zones.

Data Grid

Drag and drop rows within a grid with virtual scrolling enabled

This feature allows users to drag and drop rows within a grid with virtual scrolling enabled.

Virtualization with drag and drop in Data Grid

Editing with column virtualization

Provides editing support for the grid while column virtualization is enabled.

Editing with column virtualization in Data Grid

Kanban

Freeze swim lane rows

You can show a frozen swim lane row at top of the content when scrolling. It will change once you reach another swim lane row while scrolling.

Freeze swim lane rows in React Kanban.

PDF Viewer

Annotations

  • Add annotations such as shapes, measurements , text markup, stamps, sticky notes, free text, and ink programmatically.

Annotations

  • Annotations such as shapes, measurements, text markup, stamps, sticky notes, free text, and ink are now supported in mobile browsers.

Annotations in Mobile View

Form designer

Include form fields like text box, password box, check box, button, radio button, combo box, list box, drop-down box, signature field, and initial field programmatically or through user interaction.

Form Designer

Pivot Table

Fields panel

The fields panel located above the grouping bar displays the fields available in the data source but that are not bound to the report. The fields can be dragged into the appropriate axes. Any field removed from any axis will automatically be added to the fields panel.

Fields Panel in React Pivot Table

Rich Text Editor

List style types

This feature allows users to change the bullet appearance for unordered lists to circles or squares. Users can also apply different numbering formats for ordered lists such as lowercase Greek or uppercase Roman.

List style types in React RichTextEditor.

Scheduler

Adaptive layout

This feature enables rendering a mobile-adaptive layout on desktop devices. Also, it lets you render a desktop view on mobile devices.

Resource adaptive grouping.

First month of the year

Customize the first month of the year in year and timeline year views.

First month of year.

Year views interval support

Customize the total number of months to be displayed in year and timeline year views.

Year views interval support.

Year views template support

Customize day and month headers using template elements in year and timeline year views.

Year view templates.

Print all appointments instead of only the viewport in the agenda view.

Stock Chart

Legend

This feature allows users to add legends to the stock chart. With the help of legends, users can toggle the visibility of series.

Stock chart legend.

TimePicker

Masked time input

This feature allows users to enter valid input times and the correct format during data entry.

React TimePicker with masked time input

Visual Studio Code Extensions

Web Template Studio

Added the Tailwind CSS theme to Syncfusion web template studio for creating React applications.

Syncfusion Web Template Studio

Up arrow icon

Warning Icon 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.Close Icon

Live Chat Icon For mobile
Live Chat Icon