Adds new SpreadSheet, ContextMenu and TimeLine controls.
Features
New Components
- SpreadSheet - Bring advanced Microsoft Excel-like experience to your applications.
- ContextMenu - Provides a user-friendly menu that displays a contextual popup with data in a traditional menu-like structure.
- TimeLine - Easily present a collection of events in chronological order.
Grid
- Integrated ContextMenu - Enables you to set up a context menu within any Grid command.
- Integrated PageSize 'All' Option - The pager dropdown list 'All 'option is now available.
Chart
- Navigator Top Position - The StockChart component has been enhanced with a new property enabling you to position its navigator on top (in addition to the existing bottom position).
Date Input
- Adaptive Mode - The Date Input components (incl. DateTimePicker, DateRangePicker, DatePicker, and TimePicker) now support an adaptive mode which provides a mobile-friendly rendering of the calendar popup.
DropDown
- Adaptive Mode - The DropDown components (incl. ComboBox, DropDownList, DropDownTree, MultiSelect, MultiSelectTree, and MultiColumnComboBox) now support an adaptive mode, enabling a mobile-friendly rendering of the components’ popup.
- Grouping - The React DropDown components (incl. AutoComplete, ComboBox, MultiColumnComboBox, MultiSelect, and DropDownList) now provide the possibility to group similar data items in logical categories.
TabStrip
- Right-to-Left Support - Enables you to easily change the direction of the content from left-to-right to right-to-left and vice versa.
Pager
- All Pages Configuration - The component can now be configured to show all items in a single page.
ActionSheet
- Animations - Now supports animations, making the process of opening and closing the ActionSheet’s menu smooth and engaging.
- Keyboard Navigation - Enable end users to use the keyboard to navigate the component and invoke actions such as buttons click, grid paging and more.
FlatColorPicker and ColorGradient
- DefaultValue - Enabling you to set a default color value, ensuring a consistent starting point for color selection.
- Format - Now you can specify the default input format for the gradient input editor.
- Opacity - Get more flexibility with the option to display the opacity slider.
- New method called onChange. This method triggers an event handler whenever the user edits the color value.
- The ColorGradient now incorporates the 'format' prop, enabling you to specify the default input format in the gradient input editor.
Visual Studio Code Scaffolders
- You can now effortlessly create new pages in your applications with the most used data-bound components, including the Data Grid, Scheduler, Chart and Form components.
Migration from Font Icons to SVG Icons
- With the R2 2023 release, the default icon type is changed from 'Font' to 'SVG'.
Design System Documentation
- R2 2023 includes a dedicated design system documentation site which offers a wide range of resources, design assets and frontend documentation specifically tailored for the Telerik and Kendo UI libraries.