2022 Volume 2 ensures that all our React components are compatible with React 18. Other improvements include multiple Bezier connector editing points in the Diagram control, and TreeGrid row drag and drop with virtualization.
Syncfusion React components are now compatible with React version 18. Check out our live React demos that have been upgraded to React 18.
This feature allows the license key to be registered for the React platform by using the
npx command. Follow these steps to register the license using the
Install the Syncfusion packages from npm.
Add the license key either in the environment variable SYNCFUSION_LICENSE or in the text file syncfusion-license.txt.
Run the command
npx syncfusion-license activate to register the license automatically.
The Carousel component has been developed to meet industry standards. It is now marked as production-ready for React.
This feature allows users to play or pause the slides when hovering the mouse pointer over the Carousel element.
This feature allows users to use the keyboard to navigate through interactive elements such as title, data points, and legends on the chart and also zoom and pan the chart.
This feature allows users to highlight and select data points based on the range and point color mapping.
Select only the selectable rows along with the checkboxes when clicking the header checkbox of the data grid. The argument called
isSelectable, in the
rowDataBound event is used to disable the checkboxes in specific rows based on the application needs.
Customize the exported Data Grid’s header styles in the server side (PDF, Excel, and CSV) and in the client side (Excel and CSV), such as changing the text orientation, font color, width of the header text, and much more.
Display the clear icon in the search box of the Data Grid control. A single click of the clear icon clears the text in the search box as well as the search results in the Data grid.
This feature allows users to adjust the curve of the bezier connector using multiple intermediate control points. Also, users can control the visibility of all the bezier control points.
This feature allows users to limit the maximum segments count of an orthogonal connector to a specified value when editing connector segments at runtime.
This feature allows users to split the connector when dropping a new node onto an existing connector and create a connection between the new node and existing nodes.
This feature allows users to customize the shape, stroke-color, stroke-width, and fill of orthogonal connector segments’ thumb.
This feature restricts users from accepting or rejecting tracked changes, while editing a Word document without any limitation. All reviewers are allowed to view the document and do their corrections, but they cannot accept or reject any tracked changes in the document. Later, the author can view their corrections and accept or reject the changes.
This feature allows users to add borders to the paragraphs in a Word document. Using borders, decorate paragraphs to set them apart from other paragraphs in the document.
The Syncfusion Word Processor includes the following enhancements to preserve RTL text in a Word document.
This gives users Microsoft Word-like experience when working with RTL languages.
Highlights a single task or a chain of linked tasks that has a direct impact on the project’s end date. If a task in a critical path is delayed, then the entire project will be delayed.
Retain the state of a Gantt Chart using the local storage on browser reload. The state can also be saved and restored manually.
The React Maps now supports rendering GeoJSON files with “MultiLineString”, “MultiPoint”, and “GeometryCollection” geometry types. The geometry type “MultiLineString” represents an array of two or more geographic points. The geometry type “MultiPoint” represents an array of points that renders circle markers. The geometry type “GeometryCollection” is a special type that contains various geometries as members.
The React Maps supports online map providers such as ESRI, TomTom, and Mapbox. Markers, marker clusters, navigation lines, zooming, panning, and other essential options can be rendered over online maps.
Legend support is provided for markers rendered over online map providers such as OSM, Bing, Mapbox, and others. Additionally, a legend for layers and markers on sublayers over online map providers is supported.
Sort specific field members, also known as headers, either in the ascending or descending order.
Allows the user to search for a specific field in the field list UI, and add or remove fields from the current report.
The Rich Text Editor allows you to insert text programmatically in the Markdown editor at the current cursor position.
This feature allows you to resize the first and last columns of a table without resizing the other columns.
This feature sets a delimiter when exporting Scheduler events to CSV.
Indent or outdent the selected row to one level hierarchy. Move the selected row as the last child of its previous row. Using built-in toolbar item, indent and outdent actions can be performed on tree grid rows.
Drag and drop rows within the tree grid when row and column virtualization features are enabled. Dynamically reorder rows and bind large data swiftly in a tree grid.