Release History

2020 R2 (2020-05-13)

Form Guidelines

Building forms is more than just adding UI components to a form element in any random order. With the new Kendo UI for Angular Form Guidelines we have compiled all of our knowledge and research in to the best practices for building forms within Angular applications. These guidelines can be applied to forms built with generic HTML elements as well as Kendo UI for Angular components and they should prove useful for anyone building forms!

New Component: Stepper

The new Kendo UI for Angular Stepper Component provides users with a list of steps that should be followed from start to finish in a logical order. The component has built-in styling for current, future, and past steps. There is also built-in styling for valid and invalid steps. The content of each step is defined by the developer, allowing for full control over the entire process the stepper presents.

New Component: External Drop Zone

The External Drop Zone Component provides a user interface for end-users to drag files from their file system and drop them in your Angular applications. This is served as either a component, which provides a UI element with styling to showcase the drop zone, or as a directive that simply adds the drag and drop functionality without the extra UI elements.

New Component: Pager

Previously only an integrated component inside of our Data Grid, the standalone Kendo UI for Angular Pager will allow any Angular application to provide a user experience around paging through larger sets of data. The component comes with built-in elements for navigating back and forth through pages, picking a specific page, and increasing or decreasing the page size.

New Component: Label

The Kendo UI for Angular Label component provides a label for input elements throughout your Angular applications. Beyond standard label scenarios, this component also allows for the setting of optional labels.

New Component: FormField, Hint, and Error

The Kendo UI for Angular FormField component, combined with the new Angular Hint and Error components, help structure Angular forms and represents a single field in a form. The FormField contains a collection of components related to a single field like the label, input, hints, and error messages representing the field.

TreeList RTM Release

As a part of R2 2020, the Kendo UI for Angular TreeList is officially released as RTM! This release includes virtualization, selection, keyboard navigation, accessibility compliance.

TreeView: Load More Button

The Kendo UI for Angular TreeView now sports a Load More Button. This button becomes available in nodes with a large set of data and let's a user load data in chunks, with the page size (how many data items are loaded per press) defined in the configuration options.

Grid: Persist Detail Row Expansion State

The Kendo UI for Angular Grid can now persist detail row expansion state. This means that the expanded or collapsed state of a detail row will be retained during data operations like paging, sorting, filtering, and grouping.

Upload: Updated Styling

With R2 2020, the Kendo UI for Angular Upload component has an updated design. This specifically updates the look-and-feel of the file icons corresponding to the file types uploaded.

Conversational UI: Support for DialogFlow v2

The Kendo UI for Angular Conversational UI Component has updated its example showcasing integration with DialogFlow, updating the sample to support DialogFlow v2.

2020 R1 (2020-01-15)

New Component: TreeList

The Kendo UI for Angular TreeList combines the hierarchical layout of a TreeView with the column and tabular structure of a Data Grid. This differs from a traditional hierarchy within the Grid as the data in a TreeList is completely homogeneous and the columns align between parent and child rows.

This initial version of the TreeList includes many features readily available out of the box from day one, including features like data binding, paging, sorting, filtering, editing, and export to PDF and Excel. There are also many column-specific features like reordering and resizing of columns, virtualized columns, frozen or locked columns, as well as a built-in column menu.

New Component: Checkbox

With the R1 2020 release, the Kendo UI team put together an Angular directive that can be applied to native checkbox HTML element, creating the Kendo UI for Angular Checkbox. This provides not only the styling associated with your favorite Kendo UI theme (Default, Bootstrap, or Material, etc.), it also ensures that this checkbox just enhances what the Angular framework already provides out of the box.

New Component: Radio Button

The new Kendo UI for Angular Radio Button directive assists with applying consistent styling across the board with any Angular application written with the Kendo UI for Angular components.

New Component: Avatar

Avatars represent many things in applications today; profile pictures in social media, chat heads in messaging platforms – even icons. With the Kendo UI for Angular Avatar component developers can easily add a sleek way to represent people or entities in your application by setting an image, icons, or using initials (e.g. "BW" using Bruce Wayne as an example). The shape of these items can be set as square, circle, or a general rounded shape via a quick configuration option.

New Component: Card

The Kendo UI for Angular Card widget is an additional layout element to help developers set up beautiful and modern application designs. Popularized with Bootstrap and Material Design, this layout component can be used by itself or as a part of a template for other components to create a compelling user experience. As a part of the implementation the component offers clean and defined sections like header and content, as well as the ability to define card actions via buttons that can be customized to fit your interaction needs.

New Component: Chip

The Kendo UI for Angular Chip component covers a style of elements popularized in Material Design and mobile application design. The component consists of a container (often in a “pill” design), text, optional image, and remove icon. This can be used as a part of a component that provides multiple inputs or a quick way to list out predefined options which can be selected by the end user.

New Component: Chip List

As a part creating the Angular Chip component the Kendo UI for Angular team also introduced the Chip List, which gives developers an easy way to provide a list of chips. The component also provides a selection feature, allowing developers to easily maintain the set of currently selected chips.

New Component: File Select

Like the Upload component, the Kendo UI for Angular File Select component gives your end users an intuitive way to select a single, or multiple, file(s) from their local machine. The unique aspect of the File Select component is that it allows a developer to have full control over when, and how, the file gets uploaded.

The FileSelect comes with many configuration options out of the box, but if you need some extra control over behavior and the look and feel the component fully supports templates using the Angular framework templates. Also, like all our UI components that target forms, the FileSelect component integrates with Template and Reactive Forms!

Updated Component: Floating Label

A Floating Label has become almost a standard aspect of input elements in today’s web design. This component has existed within Kendo UI for Angular as TextBoxContainer, but it was hard to find and the name was not super intuitive. With R1 2020 we renamed the component to Floating Label, updated the implementation, and raised it up to a separate component as part of the Label package. While floating labels have existed within the Kendo UI for Angular components themselves, this standalone component gives developers the power to implement floating labels within their own input elements or enhance other Kendo UI for Angular UI components.

Grid Adds Column Virtualization

With Column Virtualization in the Kendo UI for Angular Grid developers can throw as many columns as they need in to the Grid without worrying about performance degradation. Combine this with the pre-existing row virtualization and the Angular Data Grid can support huge data sets with countless rows and columns.

Editor Drops Beta Tag

With R1 2020 the Kendo UI for Angular Editor added both Keyboard Navigation and Accessibility Compliance. This ensures that the component is in a good enough spot to drop the beta tag and officially be in RTM.

TreeView Component Gets Drag & Drop

With this release the Kendo UI for Angular team also added drag & drop capabilities within the Angular TreeView! With the new Drag & Drop feature of the TreeView end-users can drag nodes to other areas of the TreeView including items within the same level of hierarchy as well as nodes in different levels of the hierarchy. If the node has any children they will also be dragged along with the node. If you have multiple TreeViews in the same page you can even drag-and-drop nodes between the two different components.

Chunking Support for Upload Component

When uploading files a traditional approach is to take the entire file and just start streaming the file from start to end. This is unfortunately a bit fragile as network connections can be interrupted. This is where chunking comes in to play, breaking files down to smaller pieces (chunks) and upload these chunks in a sequence. With this approach uploads can easily be resumed after a network connection is regained and can help with pausing and resuming uploads as well. With R1 2020, the Upload component in Kendo UI for Angular now supports chunking any selected file!

New Financial Dashboard Sample Application

The new Financial application coming from the Kendo UI for Angular team provides a great basis for any financial dashboard, or just an additional learning tool for any Kendo UI for Angular developer! This gorgeous application showcases integrations between the Kendo UI for Angular Charts and Data Grid, as well as other UI components offered within the Kendo UI for Angular component library. Source code is available on this public GitHub repository!

New Grid and Chart Integration Sample Application

Another sample application that the Kendo UI for Angular team put together highlights integration points between our Angular Data Grid and Charts. The demo allows users to select rows and then use a context menu to generate any type of chart based on the data that they have selected. For your convenience, the new sample is hosted here, and you can find the source code in this GitHub repository.

2019 R3 (2019-09-18)

Support for Angular 8

With R3 2019 the Kendo UI for Angular components are fully compatible with Angular 8.

New Component: ProgressBar

With the new ProgressBar component Angular developers can easily showcase any type of progress to indicate how far along a process the user may be – or just be used as a way to give a loading indicator for interactions in your Angular apps. Whether the component is manually updated by the developer or is tied to values that are continuously updated, the ProgressBar will let users know how far they’ve gone and what’s to come.

New Component: Drawer

The new Drawer component you can quickly set up a navigation for any new or existing applications. The component comes with the default behavior of being able to expand and collapse the menu, providing a default hamburger-style button to toggle the expansion, as well as the ability to serve items with icons and text at the same time. It even offers a “mini” mode that only takes use of the defined icons if your navigation does not need a full description for every navigation option

New Component: DateTimePicker

Ensuring that Kendo UI for Angular is the premiere library for form elements in Angular we will introduce the DateTimePicker component.

Scheduler Drops Beta Tag

The Kendo UI for Angular Scheduler has already seen a ton of releases and improvements, but the last two pieces to ensure we can drop the beta tag are keyboard navigation and accessibility, which we will take care of to make certain that the Scheduler is officially in a RTM stage.

Component Improvements: Grid

The Grid has added additional options for the group headers, giving developers access to aggregates for individual Grid columns when grouped. This will let individual columns handle their own aggregates, covering items like count, sum, average, and more.

Component Improvements: DropDowns and Virtualization

We have teased this feature for a while, but we are happy to say that the latest iterations of the Kendo UI for Angular drop downs have built-in virtualization! We have had this in place for a while now, but we wanted to highlight this crucial feature as it was released between R2 and R3 2019.

Component Improvements: Responsive Toolbar

The Toolbar is a component that is not only useful by itself, but it is also a core part of the Kendo UI for Angular Editor. With the new responsive feature the Toolbar will adapt to the available width and provide tools that would otherwise be hidden to be available in a popup menu.

Continued Improvements: Editor

As a part of our ongoing efforts to make the Angular Editor as best as it can be, we are working on adding features like paste cleanup, accessibility improvements, and insert table dialog in the upcoming months.

2019 R2 (2019-05-15)

ColorPicker Component

The new 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

The Kendo UI Angular Scheduler is one of our most-used components and in R2 2019 we have added the following features:

  • 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

The Kendo UI Angular Editor is one of the newest Angular UI components that we offer from Kendo UI. Being new, and the fact that a rich text editor needs to cover a lot of scenarios, means that there are plenty of features that we need to add to the component. With this release we have covered most of the basics, including the following tools that have been added to the available toolbar options:

  • 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

WCAG 2.1 Support

Accessibility is always important and a pillar for any Kendo UI product, and Angular is no exception. With R2 2019 we are introducing documentation and guidelines for how to ensure compliance with WCAG 2.1 standards when using the Kendo UI Angular components. As our 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.

RxJS 6.x Update (2019-06-21)

This is a service update that removes the dependency to rxjs-compat across all packages. As a result packages are no longer compatible with Angular 4 and 5.

This update is released as a major version. Existing projects should not be affected if they specify an exact version, minor version range (^x.y.z) or a patch version range (~x.y.z).

Update Instructions

  1. Update your project to Angular 6 or later, see Updating Angular.
  2. Update to the latest versions of all Progress packages:

    npx npm-check-updates -u -f /^@progress/
  3. Install new peer dependencies:

    npm install --save @progress/kendo-angular-common @progress/kendo-angular-popup
  4. Remove dependency to @progress/kendo-angular-resize-sensor, if present:

    npm uninstall --save @progress/kendo-angular-resize-sensor
  5. Remove dependency to rxjs-compat, if no longer needed in your project:

    npm uninstall --save rxjs-compat

Component Changes

Individual packages may require additional steps to update. Please, review the list below.

Buttons

  • Adds @angular/forms, @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

Conversational UI

  • Adds @progress/kendo-angular-intl, @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

Charts

  • Adds @progress/kendo-angular-common and @progress/kendo-angular-pdf-export as peer dependencies.
  • Review the full Change Log for more details.

Date Inputs

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Dialogs

  • The type of the 'action' Output EventEmitter has been changed from 'any' to 'DialogAction'
  • The actions option input type has been changed from 'string' to 'DialogAction[]'
  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

DropDowns

  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

Editor

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Excel Export

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Internationalization

  • Custom implementations of the IntlService must implement the weekendRange method
  • Review the full Change Log for more details.

Gauges

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Grid

  • Adds @progress/kendo-angular-common and @progress/kendo-angular-pdf-export as peer dependencies.
  • The deprecated fields index and selected have been removed from the SelectionEvent.
  • Review the full Change Log for more details.

Inputs

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Label

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Layout

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Menus

  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

Notification

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

PDF Export

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Popup

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Ripple

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Scheduler

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

Sortable

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

ScrollView

  • Adds @progress/kendo-angular-common as peer dependency.
  • Review the full Change Log for more details.

ToolBar

  • New peer dependencies @progress/kendo-angular-buttons, @progress/kendo-angular-common and @progress/kendo-angular-popup.
  • Review the full Change Log for more details.

Tooltip

  • Adds @progress/kendo-angular-common and @progress/kendo-angular-popup as peer dependencies.
  • Review the full Change Log for more details.

Upload

  • The focus and blur accessors have been renamed to onFocus and onBlur. Event names are not changed when used in templates.
  • Review the full Change Log for more details.

2019 R1 (2019-01-16)

Rich Text Editor

The Editor component, released as a beta, provides rich text editing to any Angular application. Initially this ships with basic formatting for text and the ability to work with unordered and ordered lists among a few other features for editing text.

Scheduler Component

The beta version of the Scheduler component is now live and delivers a full spectrum of features including:

Grid Enhancements

The Grid can now provide automatic popup notifications when editing.

Additionally, endless scrolling is now a supported mode for scrolling and paging through data.

Theme Picker Arrives to Demos

The demo and component site now has a theme picker drop-down that gives the ability to see all of the available themes live on the page. Switching between each themes will automatically update the demos on the page to showcase the theme.

2018 R3 (2018-09-12)

Notification Component

The new Notification Component provides Angular developers with a customizable popup that can appear anywhere in their application. The component comes baked with several default types, as well as template functionality to expand on the number of scenarios that can be covered.

Chart Updates

With R3 2018 the Angular Charts now support the ability to define where axis labels should be positioned within a chart.

Grid Features

The Grid also had functionality added to it for R3 2018, namely:

2018 R2 (2018-05-16)

Conversational UI

As a part of an initiative to help developers add cognitive behaviors to their applications, we introduced the Conversational UI (aka chat bot) component with R2 2018.

Angular 6 Support

Right before the official R2 2018 release date, the Angular team dropped Angular v6. Of course, this means that Kendo UI for Angular is now compatible with Angular v6!

ng add Support

ng add is a new command that easily allows for adding components to Angular applications through the Angular CLI. With this release we also added official support for using the ng add command with Kendo UI for Angular.

New Components

These are the new components that were added with the R2 2018 release:

Grid Features

The Grid also received a few new features, including:

PWA & Electron

With this release we shipped a sample project and accompanying documentation resources for Progressive Web Apps (PWAs).

We also wanted to cover developers looking to work with Electron to create cross-platform desktop applications with Kendo UI. Here is a sample application along with documentation for building Electron applications with Kendo UI.

2018 R1 (2018-01-17)

Angular 5 Support

Between R3 of 2017 and R1 of 2018 Angular 5.x.x officially dropped and, as a part of our continued support for Angular, we made sure that all of our components work with Angular 5.x.x.

New Components

R1 2018 brings a whole set of brand new components to use in Angular applications, namely:

Grid Features

Being one of the most important components in the suite, we continue to add features to our Angular Grid. For R1 2018 we added the following features:

Form Components

Continuing to expand on features for our form elements the MultiSelect component now supports a summary tag as well as custom values.

2017 R3 (2017-09-13)

Initial Support for Material Theme

R3 2017 adds the first implementation of the Material theme for the Kendo UI components. While not all components can be styled yet, there are quite a few that can take advantage of this new theme.

As a part of our support for Material we decided to not just style the components, but take things to the next level. With this in mind we also introduced a new component, Ripple to ensure that developers can take advantage of this visual aspect of Material throughout all of their UI components, not just Kendo UI elements.

Grid Features

The Grid received a lot of attention during this release with multiple new features being added:

New Components

We also introduced a few new components to the suite, including:

PDF Export

One of the more popular framework items from the jQuery edition of Kendo UI is the ability to export components and generic HTML to PDF. With that in mind we introduced the PDF export feature of Kendo UI for Angular with this release.

2017 R2 (2017-05-03)

This is the first official release of Kendo UI for Angular. All versions of the current packages are set to v1.0.0. Future versions will follow the semantic versioning rules.

RC.1 (2017-04-21)

The RC.1 is the second release candidate and the last prerelease version of Kendo UI for Angular. It includes substantial improvements and new features of the major components, support for Angular 4, Bootstrap 4 theme (beta), support for right-to-left languages and localization.

Angular 4 Support

All Kendo UI for Angular packages are compatible with Angular 4. We recommend upgrading to Angular 4 since it is a long-term support version with 18 months ahead of it.

How About Angular 2?

In case you cannot upgrade to Angular 4, you can install the last Angular 2 compatible versions of the packages with the @ng2 tag.

npm install --save @progress/kendo-angular-grid@ng2

If you face any troubles while upgrading your project to Angular 4, check GitHub issue #469.

New Grid Features

The Grid is the most frequently used component from the entire UI suite. Given that, it was the primary focus of our development effort for RC.1. The features introduced since RC.0 are:

If you are migrating an existing ASP.NET MVC project, you can reuse the existing data services. For more information, check the respective help article.

Form Components

While the Grid is the necessity and the frame for any CRUD scenario, the form components are the bricks that allow users to interact with the data. To facilitate that, RC.1 includes the DateInput, Calendar, and DatePicker components.

The Kendo UI Default theme also includes styling options for the built-in browser form elements (INPUT, TEXTAREA, and other).

Bootstrap 4 Theme

The new Bootstrap 4 theme allows Kendo UI for Angular to blend in and complement the basic Bootstrap 4 components. The new Sass Theme Builder allows you to visually tweak the custom variables used by the theme and see how they affect the look of the components in real time.

DataViz

In addition to the extensive amount of chart series types,
the Chart package now includes the Sparkline and the StockChart components.

RTL and Localization

Kendo UI for Angular allows easy translation of the Kendo UI components' messages through the Angular i18n framework or through message attributes. Support for RTL is available through the RTL provider.

RC.0 (2017-01-18)

The RC release aims to be production-ready, which means that we don’t plan to ship major breaking changes of the public API afterwards. Just like Angular, the component packages will follow the semantic versioning specification.

Our biggest priority with this release was full coverage of the framework features:

In addition to that, we shipped four new components:

The Grid now supports editing and grouping.

Beta.0 (2016-09-14)

The initial release of Kendo UI for Angular laid the foundation of and articulated our vision for the product. We shipped 15 essential UI components, built from the ground up for Angular 2 on the same date the Angular team announced that Angular 2 was final.

The release included many of the essentials necessary for building a modern line-of-business UI:

Blog post: Announcing Kendo UI for Angular 2 (R3 2016)

Not finding the help you need?