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.
A new Chat component, chunk upload support in the File Manager, and a tabular layout in the Pivot Table make the 2024 Volume 4 release a must-have for React developers.
What’s New
What’s New in Syncfusion React UI Components
Syncfusion® React components provide zero-day compatibility with React 19, ensuring immediate support for its latest features, improved performance, and effortless integration within React applications. Begin creating React 19 applications with confidence using the fully compatible Syncfusion® React components from day one.
The Tailwind CSS theme used in Syncfusion® React UI components has been upgraded to Tailwind CSS 3.4, offering enhanced styling and support for CSS variables to elevate the design experience.
The Chat UI component has been added to the React component suite.
The following components have been developed to meet industry standards. They are now production-ready:
The Syncfusion® Power Apps code components library provides a modern, efficient, and user-friendly suite of components tailored for Power Apps. Built on the Power Apps component framework (PCF), these components seamlessly integrate with Canvas apps, Model-driven apps, and Power pages (portals). They provide essential features for business applications, ensuring a smooth and efficient development experience.
The following components can be integrated with PowerApps:
Preview: A powerful data grid component for displaying and manipulating tabular data.Preview: An interactive charting component for visualizing data in various chart types.Preview: A scheduling component for managing appointments and events.Preview: A component for viewing and interacting with PDF documents within your applications.Preview: A pivot table component for summarizing and analyzing data dynamically.Preview: A Gantt component for visualizing project timelines and tasks in a chart format.Preview: A component for navigating and managing files and folders in a hierarchical view. It supports features like file and folder viewing, searching, and organizing.Preview: A spreadsheet component for viewing data, allowing users to navigate and analyze data in a grid format.Preview: A Kanban component for visualizing and organizing work in progress through customizable boards, columns, and cards.GitHub repository: Link
Documentation: Link
This feature enables users to snap the crosshair to the nearest data point instead of tracking the exact mouse position, ensuring a precise focus on individual data points.
This feature allows users to customize the position of the zoom toolbar within the chart. The drag-and-drop functionality enables users to reposition the toolbar anywhere within the chart area easily.
This feature highlights the corresponding series when a data point is hovered over, enhancing clarity and interaction with the tooltip.
Users can now arrange the chart legends horizontally or vertically and set a maximum number of columns for auto layouts. A new fixed-width option ensures consistent legend sizing for a clear presentation.
The React Chat UI component is a lightweight, user-friendly conversational interface for displaying chat messages between users. It features messages with timestamps, avatar images with fallback text, typing indicators, and extensive customization options, making it ideal for building modern chat applications.
The Chip component now supports the template rendering feature. Users can use any HTML element as the content of a Chip item. For example, include anchor tags for links and SVG icons for visual enhancements to customize the Chip’s appearance and functionality.
The context menu component now includes support for item templates, allowing users to customize the appearance of menu items. This enhancement enables the integration of icons, images, and other elements, providing a more personalized and visually engaging menu experience.
beforeAcceptRejectChanges eventSelecting content during the beforeAcceptRejectChanges event enables the following:
Capture document load failures in the Word Processor. By using this event, you can perform custom actions whenever a document fails to load, enabling you to handle errors effectively and improve the user experience.
This feature allows you to restart and continue list numbering from the currently selected paragraph programmatically, providing greater flexibility and control in document editing.
The performance for pasting a large amount of content inside a large table has been significantly improved. For example, the time it takes to paste content inside a 60-page table has been reduced from 43 to 3 seconds, approximately. Now, content can be pasted into tables with far less lag, making the user experience smoother.
Resize support has been added to dropdown components, allowing users to dynamically adjust their size for improved usability and flexibility. This feature includes resizable edges, enabling users to manually control the width and height of the dropdown popup.
The File Manager now supports the chunk upload feature, which allows large files to be split into smaller chunks based on the specified chunk size and uploaded sequentially to the server. This improves reliability and performance when handling massive file uploads.
The Image Editor now supports image restrictions. This feature allows users to specify image extensions, as well as the minimum and maximum image sizes. End users will receive a clear alert message if an uploaded image does not meet the defined criteria, ensuring a seamless and user-friendly upload experience.
Marker clusters can be enabled for individual marker groups on a map layer, allowing customization of colors, sizes, marker count labels, and connector lines within the cluster. Additionally, cluster expansion functionality can be enabled separately for each marker group.
The PDF Viewer now supports retrieving key page details such as size and rotation. This feature enables developers to access and manage page information at the application level, offering greater control and customization.
Free text annotations now support custom fonts, allowing users to apply their font styles to the annotation content. These custom fonts are preserved when saving the document.
The tabular (classic) layout enhances data visibility by presenting a traditional format where each row label is displayed clearly at different levels across separate columns. This layout simplifies the structural analysis of datasets by offering a detailed and organized table format. Explore this feature in the demo.
This feature allows users to cut, copy, and paste events to other time slots. Find the demo link here.
This feature allows users to control the calculation of formulas in a spreadsheet. Calculations can be triggered manually, providing greater control over performance and accuracy when working with large datasets.
This feature introduces custom data validation using formulas. Users can define validation rules based on custom formulas, tailored to specific scenarios.
This feature allows users to load tab content with different options: Dynamic, Init, and Demand. Users can load content either on initialization when the tab is activated or on demand, providing flexibility on how data is fetched and displayed.
This feature allows users to enable or disable swiping tab items using mouse and touch gestures. Users can swipe left or right on the tab items to navigate between them, enhancing the user experience on touch devices.
