New to Kendo UI for jQuery? Download free 30-day trial

2021 Releases

This article lists the breaking or important changes in the 2021 releases of Kendo UI.

Kendo UI 2021 R2

Important change

Scheduler

As of the 2021 R2 release the events that are 24 hours or longer and do not have their isAllDay field set to true will be rendered in the regular (non all day) slots. In the previous versions such events were rendered in the allDaySlot. With the introduced change the allDaySlot will display only those events that have their isAllDay field set to true.

Kendo UI 2021 R1

Grid

Changes appear in the Grid Toolbar which now utilizes the CSS flexbox concept. This change improves Grid Toolbar responsiveness and visualization on smaller screen sizes.

Reverting to the previous appearance is possible by:

  • setting the Search Panel as the last element in the toolbar:
toolbar: ["excel", "pdf", "search"],
  • utilizing the following styles:
    <style>
     .k-grid .k-grid-search {
            margin-left: auto;
            margin-right: 0;
        }
    </style>

Window

In previous versions, when setting the height option, the total height of the Window was equal to the specified value plus the title bar height. As of 2021 R1, the Window now sets the height by also taking into account the title bar height and including it in the calculation. Thus, if height is specified to 200 pixels, this means that the full Window height will be 200 pixels. This change improves the Window behavior and allows for correctly specifying the height of the Window in percentage.

This change will affect Window instances that have height specified explicitly (height will be reduced with the title bar height). Reverting to the previous state is possible by increasing the height accordingly:

$("#window").kendoWindow({
    height: "250px", // increase this value with the title bar height
});
In this article
Not finding the help you need? Improve this article