Adds Multi Row Layout and the Row Dragging to Data Grid.
Features
Multi Row Layout - Multi Row layouts allow developers to create intricate cell arrangements within the same row by defining a template layout that is applied to header and body cells. This provides flexibility of the arrangement and makes it possible to create responsive web apps where grids would adapt and avoid horizontal scrolling when the available space becomes too narrow. The igxGridComponent now supports Multi Row Layout It which can be configured with the newly added IgxColumnLayoutComponent and the columns in it. IgxColumnComponent now expose four new fields to determine the size and the location of the field into the layout:
rowStart
colStart
rowEnd
colEnd
Row Dragging - Drag and Drop allows users to row drag and pass the data of a grid record on to another surface, which has been configured to process/render this data in a particular way.
Additional Enhancements
igxTreeGird now supports loading children on demand and haschildrenkeys input properties.
IgxListComponent now provides the ability to choose a display density from a predefined set of options: compact, cosy and comfortable. It can be set by using the displayDensity input of the list.
igxButton now provides the ability to choose a display density from a predefined set of options: compact, cosy and comfortable. It can be set by using the displayDensity input of the button directive.
The Excel Style Filter dialog and its sub-dialogs now have a display density based on the displayDensityinput of their respective grid; the igxDropDown now supports virtualized items.
New Tree Grid - Display data in a combination of Tree and Grid.
Features
Tree Grid - Tree Grid mode allows you to display hierarchical data in the Grid and make the component work like a hybrid between Tree and Grid.
Virtual Tree Grid - In Virtual Mode, new rows are loaded on demand when you expand a row. This process repeats until the "leaf" property of the row is set to true.
Virtual Tree Grid Pagination - With Pagination enabled, Root rows are loaded on demand when the current page is changed. Sub Rows are loaded when a treegrid row is expanded.
Grid Grouping - Grouping enables you to group the component by one or multiple columns. The grouping styling is customizable through CSS Variables.
TreeGrid and Grouping - The latest version of Smart HTML Elements brings important new features to the Smart Grid Web Component. It is now possible to display data hierarchies in the web component. The Grid allows you to display data as a combination of Tree and Grid. The Tree Grid mode has full support for data sorting, data filtering and data editing. The Grouping features allows you to group data by columns. The context menu feature allows you to quickly add a context menu functionality to the Grid.
New PDFViewer & Drawer components, plus enhances SpreadSheet with image support & cell comments.
Features
jQuery updates in R2 2019
New Components:
PdfViewer - Allows you to host PDF files within your apps without forcing users to first download the PDF to their local machine. The component can work with both PDF.js and the Telerik Document Processing Library to process the PDF files for viewing and exporting. Virtualization feature means even the largest PDF files can be displayed in the component.
Drawer - The drawer widget has more or less taken over as the de facto navigation element for web applications. The drawer can be either overlayed on top of existing content, or can move the content over to the side. Drawer items are also your standard icon and text combination, but can be completely customized to have their own templates for layouts. The Drawer component also features the ability to display a more compact layout, called “mini” mode, which displays only the icons for every menu item.
Spreadsheet Enhancements:
Image Support - Images can now be added, as well as dragged between, any cell within the Spreadsheet. Any images added will also be a part of the exported documents.
Cell Comments - End-users can now add comments to any cell, and of course if you have bound the Spreadsheet to a data end point they can also see other comments added in.
Events - Telerik have expanded the set of events available in the Spreadsheet to include Changing, DataBinding, DataBound, Paste, Cut, Copy events. This should give you plenty of hooks to customize the Spreadsheet widget to fit your specific requirements.
ListView Endless Scrolling Enhancements - Letting users scroll through large sets of data without having a pager at the bottom is a highly requested feature throughout all of our data bound components. The ListView is no exception to this and with R2 2019 we have added endless scrolling as a feature to the ListView.
Mobile & Adaptive Rendering Enhancements - Telerik have improved the mobile experience across a few components, including expanding the adaptive behavior of the Grid and the Scheduler. Adaptive behavior gives an improved UX for more advanced components where simply making the components fit to screen may not be enough. This means creating a separate screen for column settings, filtering, and sorting with the Grid, or creating separate screens for editing in both the Grid and the Scheduler. Telerik have also improved mobile support for the DateRangePicker, ensuring that this component will work well on both desktop and mobile devices alike.
Menu Data Binding Enhancements - The Menu component has now been integrated with the DataSource. This allows users to populate a menu from a remote data end point.
jQuery 3.4.0 Support.
Angular updates in R2 2019
New Components:
ColorPicker - The Angular ColorPicker lets you provide either a drop down or expanded widget to let your users select color within your Angular applications. This can be done by providing a predefined color palette for your users to chose from, or a gradient that gives some more flexibility for picking a specific color.
Scheduler Enhancements:
Resize events - Events can now be modified by resizing them through grabbing the top of the bottom of the event and expanding or shrinking the events.
Drag and drop events - Similar to above, drag & drop of events allows us to modify events through mouse interactions. Users can now drag an event to a different day or time slot to update when it happens.
Multi-day and work week views - While we have had a few different views of the Angular Scheduler for some time, with the latest release you can customize how many days you’d like to see in a single view. Additionally we have a work week view that you can select from.
Export to PDF - The content of the Scheduler can now be exported to PDF with the click of a single button.
Current Time - When a user clicks on the “Today” button within the Scheduler they will automatically be placed on the current day, and a current time indicator will be displayed as a line across the scheduler.
Editor Enhancements:
Format drop down showcases different formats
Insert Image Dialog
Insert File Dialog
Subscript & Superscript
View HTML tab
Font Picker & Font Size Picker
Text Align and Justify content
Clear formatting button
Localization
Right-to-left (RTL) support
Drop Down Enhancements:
Virtualization - Much like the Grid and other list-based components, the drop downs will often have tons of data thrown at them. Virtualization helps ensure that users can scroll through tons of data while retaining a buttery-smooth scrolling experience
Grouping - Organizing large lists is not easy. Drop downs offers the ability to group the data on a particular field to help make navigation a little bit easier.
WCAG 2.1 Support - Includes documentation and guidelines for how to ensure compliance with WCAG 2.1 standards when using the Kendo UI Angular components. As Kendo UI components are pretty advanced there are always considerations around what features make something more or less accessible, so this guideline should help navigate these features.
Vue updates in R2 2019
Native Data Grid Enhancements:
Grouping & Virtualization - Virtualization can now be used in conjunction with grouping, meaning that there are no longer limitations for using groups along with virtualization. This can yield a huge performance gain.
Frozen / Locked Columns - Frozen, or locked, columns provide a slick way to ensure that a column is permanently displayed as you scroll through your columns. A column doesn’t always have to be frozen and you can set up columns to only lock once they have scrolled past.
Grid Column Menu - Being able to provide more options for interacting with columns is often a requirement for any Grid implementation. With the column menu feature developers can now set up a default menu, or a customized menu, for interacting with features like filtering, sorting, the showing and hiding of columns - all within a menu that appears when you click on the Grid’s headers.
ListView Endless Scrolling - Having a pager at the bottom of a data bound list is sometimes far from ideal based on user requirements - end-users would like to just see a scrollbar instead. This is where Endless Scrolling comes in to play as it gives your users a way to scroll through all of your data without seeing a pager, and you as the developer receives a ton of benefits from loading pages of data rather than all data at once.
React updates in R2 2019
New Components:
Editor - The new KendoReact rich text Editor is a full-featured, highly customizable WYSIWYG editor built to perform. It enables end-users to input free-form text, apply a large spectrum of formatting options, and insert HTML content. Custom rendering support ensures that you can integrate it seamlessly into your web app. The component allows for the creation of custom Editor tools (controls) and plug-ins, which makes it endlessly extendable. Like the rest of the KendoReact library, the Editor complies with accessibility standards and supports globalization.
DateTimePicker - The DateTimePicker component is perfect for scenarios where both date and time need to be selected by the user. Following best practices around user experience, the component works well on desktop and responsive mobile applications alike.
Notification - With the new Notification widget developers can easily showcase additional information on top of their existing user interface. The component has pre-built designs relating to success, warning, or error notifications, as well as the ability to completely customize the look-and-feel of the notification.
Sortable - Originally only available internally within our components, the KendoReact Sortable component is a handy utility library to help around displaying a generic list of items and re-ordering the elements by dragging and dropping them. Any updates to the list are preserved to the underlying data set.
Drag & Drop - Previously only an internal implementation, this release sees the drag & drop utility library released for any generic drag & drop scenario. Allow any UI element to be draggable and define exactly what can be dragged and where it can, or cannot, be dropped.
Grid Enhancements:
Column Virtualization - In order to provide the best possible performance, the KendoReact data Grid now provides column virtualization. No matter how many columns or rows you throw at the Grid, your end users will see a smooth scrolling experience. With the latest edition, the Grid now supports virtualization of both rows and columns.
Context Menu - Often times end-users want to have some additional interactions with a row or a particular cell when right-clicking on the data item. Enter the context menu. This feature allows for additional interactivity options to appear in a menu whenever a data item is clicked.
TreeView Enhancements:
Drag & drop - Easily re-arrange the order, or at which depth data items in the TreeView are displayed, with the new built-in drag & drop feature of the KendoReact TreeView. This works for leaf nodes as well as nodes with children.
Checkbox selection - Often times developers need to extract the selected items from a TreeView widget. This is now even easier than before with the new checkbox selection functionality which renders a checkbox next to each TreeView node.
Adds new Editor, DateTimePicker, Notification, Sortable, Drag & Drop components, enhances Grid & TreeView.
Features
New Components:
Editor - The new KendoReact rich text Editor is a full-featured, highly customizable WYSIWYG editor built to perform. It enables end-users to input free-form text, apply a large spectrum of formatting options, and insert HTML content. Custom rendering support ensures that you can integrate it seamlessly into your web app. The component allows for the creation of custom Editor tools (controls) and plug-ins, which makes it endlessly extendable. Like the rest of the KendoReact library, the Editor complies with accessibility standards and supports globalization.
DateTimePicker - The DateTimePicker component is perfect for scenarios where both date and time need to be selected by the user. Following best practices around user experience, the component works well on desktop and responsive mobile applications alike.
Notification - With the new Notification widget developers can easily showcase additional information on top of their existing user interface. The component has pre-built designs relating to success, warning, or error notifications, as well as the ability to completely customize the look-and-feel of the notification.
Sortable - Originally only available internally within our components, the KendoReact Sortable component is a handy utility library to help around displaying a generic list of items and re-ordering the elements by dragging and dropping them. Any updates to the list are preserved to the underlying data set.
Drag & Drop - Previously only an internal implementation, this release sees the drag & drop utility library released for any generic drag & drop scenario. Allow any UI element to be draggable and define exactly what can be dragged and where it can, or cannot, be dropped.
Grid Enhancements:
Column Virtualization - In order to provide the best possible performance, the KendoReact data Grid now provides column virtualization. No matter how many columns or rows you throw at the Grid, your end users will see a smooth scrolling experience. With the latest edition, the Grid now supports virtualization of both rows and columns.
Context Menu - Often times end-users want to have some additional interactions with a row or a particular cell when right-clicking on the data item. Enter the context menu. This feature allows for additional interactivity options to appear in a menu whenever a data item is clicked.
TreeView Enhancements:
Drag & drop - Easily re-arrange the order, or at which depth data items in the TreeView are displayed, with the new built-in drag & drop feature of the KendoReact TreeView. This works for leaf nodes as well as nodes with children.
Checkbox selection - Often times developers need to extract the selected items from a TreeView widget. This is now even easier than before with the new checkbox selection functionality which renders a checkbox next to each TreeView node.
