The KendoReact Pyramid Chart visualizes data within a pyramidal structure organized into horizontal segments. The specific chart shape facilitates a different size for each section, effectively illustrating the hierarchy of topics based on the width of each section.
The new KendoReact OrgChart enables users to easily view and interact with an organizational structure (e.g. navigate to specific people or positions of interest). The chart features a tree-like arrangement where users can edit the individual items, change the item's parent, or group the nodes within the tree. It is ideal showcasing team memberships and reporting structures.
The KendoReact Data Grid now offers a tabbed column menu, offering improved flexibility and a better user experience when managing column settings within the grid.
The Selection Aggregates, on the other hand, enable you to select single or multiple cells or rows withing the grid and calculate different metrics based on the selected data. This feature enables you to get a quick snapshot of key aggregates for the selected data. You can utilize the built-in approach and display the metrics at the bottom of the Grid or create your own elements to present the data as needed.See the React Grid Selection Aggregates demo
The new GridHelper enhances the capabilities of KendoReact Data Grid by providing a built-in feature for data operations, common functionalities, and extensive customization options for end-users, such as column hiding and PDF/Excel export and more.
The KendoReact SpreadSheet continues to evolve and improve. Based on your feedback, we're introducing a range of new features in this release, including:
The KendoReact Charts now support Trendlines – automatically generated indicators that illustrate data trends over time. The linear trendline, for example, demonstrates if a particular quantity is increasing or decreasing over time. The moving average trendline, on the other hand, is used to smooth out the variations in data by averaging all points in a certain period of time.
he KendoReact Charts are now enriched with a drill-down functionality, enabling users to deep dive into specific data. With the drill-down feature, users can easily click on a specific chart element, such as bar or pie segment, and navigate to a detailed view containing more information about the selected item (e.g. breakdown by product).
We have redesigned the KendoReact Gantt Chart’s popup editor for a better experience. You now have more options when editing tasks, dependencies, and resources.
With the latest update, you can benefit from seamless control over your table design and accessibility options within the component. The new enhancements include:
Table wizard with multiple options for easy table customization
Enhanced accessibility tab with different customization options
Cell properties dialog for easy customized of the different cell settings
Now you have the flexibility to display the timeline events horizontally for a neat, structured view, and optimal use of the page space.
The React Timeline component is now enhanced with keyboard navigation capability, enabling users to easily navigate between the timeline items. This addition enhances the component’s usability and accessibility, ensuring a smooth user experience for all users.
Now you have the flexibility to utilize a Wizard Form – a multi-step form consisting of one or more steps, each containing a set of controls and the ability to have its own layout. It enables users to enter their information in a few steps, leading to a more user-friendly experience and higher conversion rates.
The KendoReact DropDown components now provide the possibility to disable certain items. Once an item is disabled, it cannot be selected as a value for the component, but it might still remain focusable or non-focusable when navigating through the items using the keyboard.
The React Breadcrumb component now enables you to choose between several predefined options (small, medium and large) to change its size.
The KendoReact Map component now enables you to easily incorporate custom SVG icons to pinpoint specific locations on your map, thereby enhancing the customization of your mapping experience.
We continue our efforts to improve the overall accessibility of Telerik and Kendo UI web components, now ensuring compliance with WAI-ARIA, Section 508, WCAG, including the just released WCAG 2.2 standard. Being compliant with the new WCAG 2.2 standard means that Telerik and Kendo UI products have covered the mandatory requirements for Minimum Target Size and Navigable Guidelines through default theme accessibility swatch and large size of our components. To meet the Dragging Movement Criteria, we have flexible APIs or built-in functionality. Check out the blog post highlighting what’s new in WCAG 2.2.
Now you can benefit from a new utility component designed to streamline accessibility. Now you can easily integrate keyboard navigation into any component, including custom ones, ensuring enhanced accessibility across your entire React app.
One of our goals in 2023 was to improve the Telerik and Kendo UI products’ quality, theming mechanism, and Content Security Policy (CSP) compliance. What strict CSP app settings do is prevent hackers from using HTML injection flaws to force the browser to execute a malicious script. This policy is especially effective against cross-site scripting attacks. Here is what we did so far to ensure strict CSP compliance in Kendo UI for Angular:
With R1 2023, we introduced and started incorporating SVG icons into the Kendo UI products.
With R2 2023, we changed the default type of icons in the Kendo UI libraries and components from font to SVG.
Now with R3 2023, we’re extracting the Font icons as a separate package and detaching the inline font declaration from the Kendo UI themes.
The themes will continue to support both font and SVG icons in components, thus allowing you to decide which type of icons to take advantage of. However, using the font icons will require a separate stylesheet to be referenced by clients.
This third and last step allows us to provide customers with a more secure and efficient icon system and the option to load and reference only needed resources.
Check out the dedicated blog post to find more information on the strategy for improving Telerik and Kendo UI web component libraries by moving from font to SVG icons.
One of the key release items in R2 2023 was the launch of a dedicated Design System documentation site, which offers a wide range of resources, design assets and front-end documentation specifically tailored for the Telerik and Kendo UI libraries. With R3 2023, we have expanded Design System Support by having more components like MultiSelectTree, DateInput, ChipList, Window, Dialog, Editor, ListView, ListBox, MultiColumnComboBox, Filter, etc. meticulously detailed in the Design System documentation.
Our ongoing dedication is to expand this site further, aiming to provide you with all the necessary tools to craft seamless and visually captivating digital experiences and design systems utilizing the power of Telerik and Kendo UI component libraries.