Kendo UI for jQuery

What's New R3 2020

What's New History

New Component: jQuery Wizard

The Kendo UI for jQuery Wizard component combines the Stepper and Form components into a single component focused on breaking down any form into multiple phases. It helps guide end-users through the process from start to finish while allowing developers to control validation and when and how to submit the form.
See jQuery Wizard demo.

Kendo UI for jQuery Wizard Component showcasing a multi-step form with a few steps completed and the current step mimicking a ecommerce checkout asking for payment information

New Component: jQuery Image Editor

With the Kendo UI for jQuery Image Editor users can manipulate images within any jQuery-based application. The Image Editor component comes with features like uploading and downloading images, resizing, cropping, and the ability to undo and redo edits that have been done to the image.

See jQuery Image Editor demo.

Kendo UI for jQuery ImageEditor Component with an image of tulips and Amsterdam in the background

New Component: jQuery Loader

The new Kendo UI for jQuery Loader component can bring a unique flare to any application by providing fun and gorgeous animations that can be displayed whenever a process is loading in an application. With several built-in styles of animations that can be customized to make them your own, the jQuery Loader component can integrate with existing Kendo UI components or work as a standalone component.

See jQuery Loader demo.

Kendo UI for jQuery Loader Component showcasing the infinite spinner animation which is a collection of circles spinning infinitely

New Component: jQuery AppBar

With the new Kendo UI for jQuery AppBar component, developers get access to a header which can contain information about the page, some navigation elements, and the optional action item such as viewing notifications or quick access to their profile.

See jQuery AppBar demo.

Kendo UI for jQuery AppBar Component with the application title, a search textbox, and a few action items

New Component: jQuery TextArea

The Kendo UI for jQuery TextArea component provides users with the ability to input long-form text for scenarios where a TextBox component may be too small. Alternatively known as a Multi-line TextBox, the jQuery TextArea component expands on the readily available form components from Kendo UI and assists with standardizing on a single look-and-feel throughout any web application.

See jQuery TextArea demo.

Kendo UI for jQuery AppBar Component with text already inserted and a counter indicating how many characters have been added out of a maximum allowance

jQuery Gantt Improvements: Column Templates

With the new Column Templates feature of the Kendo UI for jQuery Gantt component, developers can customize the available columns within the Gantt chart by providing a custom template on a column-by-column basis.

See jQuery Gantt Task Template demo.

Kendo UI for jQuery Gantt with a custom column that shows users and their avatars

Gantt Improvements: Planned vs. Actual Switch

With the Planned vs. Actual feature of the Kendo UI for jQuery Gantt component users can toggle between a default view showcasing available tasks (planned) to a view that showcases the current status of each task (actual). Additional contextual styles are provided in the actual view to indicate tasks that are on track and which tasks are currently past their initial planned time frame.

See jQuery Gantt Planned vs Actual demo.

Kendo UI for jQuery Gantt showcasing planned tasks versus their actual current status. On time tasks are in green, delayed tasks are in red

Gantt Improvements: Column Menu

With the Kendo UI for jQuery Gantt component's new Column Menu feature end-users gain contextual actions across every column within the Gantt component. For users familiar with the Kendo UI Data Grid and TreeList components, this column menu will be very familiar, providing options such as sorting by a particular column or showing or hiding a column.

See jQuery Gantt Column Menu demo.

Kendo UI for jQuery Gantt component with a sorted column

jQuery Data Grid Improvements: Sticky Columns

Sticky Columns within the Kendo UI for jQuery Grid allows for columns, which are initially not frozen, to be added to the list of frozen or locked columns as they are scrolled past. Once a user scrolls the opposite way and passes the original column placement the column will be removed from the frozen columns list. Whether or not a column is sticky can be defined on the column level.

See jQuery Grid Sticky Columns demo

Kendo UI for jQuery Grid with certain columns being sticky

jQuery Data Grid Improvements: Foreign Key Binding

With the new Foreign Key Binding feature in the Kendo UI for jQuery Grid, developers can fetch additional data within a field of the Grid, letting individual columns have additional data source options to request additional data outside of the original Grid DataSource configuration.

See jQuery Grid Foreign Key Binding demo.

jQuery TreeList Improvements: Drag & Drop to Reorder

The new and improved Kendo UI for jQuery TreeList Drag and Drop feature extends on the current drag and drop functionality to allow end-users to re-order data rows within the TreeList. It provides additional intuitive UX elements and tool tips to indicate where a row will be dropped and how it will change the underlying data.

See jQuery TreeList Drag and Drop demo.

Kendo UI for jQuery TreeList with a user dragging and dropping a row to reorder the TreeList

jQuery TreeList Improvements: Checkbox Selection

Extending on top of the built-in selection feature of the Kendo UI for jQuery TreeList component, selection can now be done with built-in checkbox elements for each row.

See jQuery TreeList with Checkbox Selection.

Kendo UI for jQuery TreeList with Checkbox Selection enabled and a few rows selected

jQuery Spreadsheet Improvements: Custom HTML in Cells

The Kendo UI for jQuery Spreadsheet component now features the ability for custom HTML to be added within its cells. This opens the opportunity to contain images, buttons, check boxes, and other HTML elements within cells throughout the Spreadsheet component.

See jQuery Spreadsheet Custom HTML in Cells documentation page.

Kendo UI for jQuery Spreadsheet with Custom HTML in a cell

jQuery Scheduler Improvements: Updated Accessibility

Kendo UI for jQuery follows Section 508, WCAG 2.0, and WAI-ARIA accessibility standards for all of its UI components. As a part of an ongoing effort to ensure compatibility with these standards the Recurrence Editor within the Kendo UI Scheduler component has been updated to be fully compliant with these accessibility standards.

jQuery NumericTextBox Improvements: Select All Text on Focus

The Kendo UI for jQuery NumericTextBox component will now automatically select all current text when the component is focused, providing a more intuitive user experience.

See jQuery NumericTextBox demo.

jQuery Numeric TextBox feature - Selecting all text on focus

Kendo UI for jQuery

Product overview Demo Buy Try

New features & Roadmap

Have a feature request?

Post your feedback via: jQuery Feedback Portal