Version Upgrade

[Abhijeet]

Hello,

We have upgraded our Kendo jQuery package. The previous version was 2019.1.220 and our latest version is 2023.3.1114. We observed that

• Some classes were changed in the new js say buttons in the kendo grid.
• Some CSS files are removed. (Assuming it is not compatible with the current version.

After upgrading some of our css are not getting applied. Attaching the screenshots for reference. I'm attaching my sample code.

Below are the stylesheets I'm using

<link href="{{ URL::asset('css/boostrap_v4_alpha.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('kendo/styles/material-main.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('kendo/styles/font-icons/index.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('kendo/styles/bootstrap-main.css') }}" rel="stylesheet" type="text/css">

Please help me if there is something I've missed while upgrading kendo.

[Nikolay]

Hello Abhijeet,

Straight to the questions.

 - Indeed rendering changes have happened since 2019 including CSS classes renaming. For example, state classes, such as .k-state-disabled, are now not using the word "state" anymore. More information you can find in the following article:

• https://docs.telerik.com/kendo-ui/styles-and-layout/components-rendering-overview#state-classes

I also recommend checking the Breaking Changes article before upgrading your project. It lists the breaking or important changes happening per release.

• https://docs.telerik.com/kendo-ui/backwards-compatibility/2023-backward-compatibility

- Since R1 SP1 2023 Kendo jQuery release the Less Themes are no longer supported and shipped with the product. Below I am posting the Less to Sass Theme Migration article that you would like to follow to switch your project to a Sass theme:

• https://docs.telerik.com/kendo-ui/styles-and-layout/less-themes/less-themes-migration

Also, below you will find a blog post giving in-depth information about this decision and our future plans:

• https://www.telerik.com/blogs/future-plans-telerik-kendo-ui-less-themes

Regards,
Nikolay
Progress Telerik

[Heather]

What are the rendering changes that have occurred since 2019 in Kendo UI for jQuery, particularly regarding the renaming of CSS classes and state classes?

monopoly go

[Nikolay]

Hi Heather,

The state classes changes you can find listed in the following table:

• https://docs.telerik.com/kendo-ui/styles-and-layout/components-rendering-overview#state-classes

The component rendering changes regarding their appearance are listed in the following table. You can click on each component to be redirected to their Appearance article.

• https://docs.telerik.com/kendo-ui/styles-and-layout/components-rendering-overview#updated-components

Feel free to submit a support ticket for any specific questions you mig ht have or problems you have encountered.

Regards,

Nikolay