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.
In 2024 Volume 2, the Vue toolkit receives new MultiColumn ComboBox and OTP Input components; z-order support, improved undo/redo, and better save options in the Image Editor; and support for notes and printing in the Spreadsheet.
What’s New
What’s New in Syncfusion Vue UI Components
The following components have been added for Vue:
The following components have been developed to meet industry standards. They are now production-ready components for Vue:
A new Fluent 2 theme has been added for Vue components.
A new CLDR NPM package supports internationalization without third-party dependencies.
This feature allows users to add, remove, or update data with smooth animation effects.
This feature supports animations for adding, removing, or updating data in all chart types, from line charts to financial charts.
This feature allows users to get point information based on the pointer coordinates during chart mouse events and use the point information to add or remove points in the chart.
The Word Processor allows users to add the new content control or modify an existing one, and bind data to content controls in a Word document. It supports various content controls like Rich Text, Plain Text, Picture, Check Box, Combo Box, Drop Down List, and Date Picker. With this feature, users can easily design fillable templates, fill forms, and bind data to and from content controls in a Word document. The document’s author can restrict editing for certain parts by locking content control as non-editable or add non-removable placeholders in the Word document by locking content control as can’t delete.
This feature allows individual items to be disabled or enabled based on specific scenarios. Users cannot interact with the disabled items or select them as values within the component.
This feature supports making individual items available or unavailable for specific scenarios. Unavailable items cannot be selected as values within the control.
This feature supports rendering flat data as an array of JSON objects in the File Manager, removing the need for AJAX requests and back-end URL configuration. You can explore a demo of this feature here.
We are pleased to introduce the timeline template feature in the Gantt Chart. This feature allows you to customize the appearance of timeline cells by using templates. You can now display images, buttons, or other custom content within the timeline cells, making your Gantt Chart more informative and visually appealing.
We have added support to define different working time ranges for each day of the week. This enhancement allows for more flexibility in scheduling and managing tasks, accommodating varying work hours for different weekdays.
The actionFailure event notifies developers when the Gantt configurations are handled incorrectly on the application end. We have enhanced this event to cover more cases, providing developers with better feedback and diagnostics when issues occur. This improvement will help ensure that any configuration errors are quickly identified and resolved.
Enhances the DataManager ODataV4 Adaptor to support users’ custom action methods alongside the default GET, PUT, POST, and DELETE methods. This feature facilitates performing CRUD operations by invoking custom action methods when binding the ODataV4 service to the Grid.
We are excited to announce significant performance improvements for Lazy load grouping with sorting functionality. These improvements are particularly beneficial in scenarios involving multiple columns for grouping or sorting large datasets in a grid. Below are the performance metrics comparing the previous release with the current 2024 Volume 2 release for 100,000 records across 5 columns:
| Action | Old release | Current 2024 Volume 2 release |
|---|---|---|
| Single column grouping | 10000 ms to 20000 ms | 300 ms to 600 ms |
| Multiple column grouping (3) | Page unresponsive | 300 ms to 600 ms |
| Single column sorting | Above 20000 ms | 250 ms to 500 ms |
| Multiple column sorting (3) | Page unresponsive | 250 ms to 500 ms |
The latest update to our Image Editor significantly improves the annotation feature. Users can now draw multiple annotations simultaneously, enhancing productivity and creative flexibility. Furthermore, every action, including customizations, will be tracked in the undo/redo collection, ensuring a seamless user experience and making it easier to experiment with different designs.
We are excited to introduce z-order support in the Image Editor, a powerful tool that allows users to adjust the positioning of annotations. This feature is particularly useful for designing personalized templates like greeting cards or posters, where managing the layering of multiple annotations is crucial for a polished final product.
Users can now save an image with a specified file name, file type, and image quality. This enhancement provides more control over the output, ensuring that users can save their work exactly as they need it.
The Vue MultiColumn ComboBox is a dropdown component that displays detailed information about items in a table-like structure with multiple columns. It provides comprehensive data about the selected value, offering more context than typical single-string text lists.
The Vue OTP input is a form component that is used to input one-time passwords (OTP) during multi-factor authentication processes. It provides extensive customization options, allowing users to change input types, placeholders, separators, and more to suit their specific needs.
These enhancements make organizing and managing your PDF documents more flexible and user-friendly.
The Query Builder component now includes a drag-and-drop feature, allowing users to reposition rules or groups effortlessly within the Query Builder. This enhancement provides a more intuitive way to construct and modify queries.
The separate connector feature in the Query Builder component enables users to integrate standalone connectors between rules or groups within the same group. This allows for greater flexibility, as users can connect rules or groups using different connectors, enhancing the complexity and precision of query construction.
This feature allows users to provide additional cell information. They can easily add, edit, and delete notes.
This feature allows users to print the active worksheet or the entire workbook directly. Additionally, users can customize their printouts by choosing to display or hide row and column headers, as well as gridlines.
This feature adds a serialization option in the SaveAsJson method, allowing users to extract cell values without formatting or formulas, like a CSV file.
The actionFailure event notifies developers when the TreeGrid configurations are handled incorrectly on the application end. We have enhanced this event to cover more cases, providing developers with better feedback and diagnostics when issues occur. This improvement will help ensure that any configuration errors are quickly identified and resolved.
