updated my project to the latest kendo version - cant reference themes and project broken.

[Malose]

Good day,

i Just updated kendo ui mvc project to the latest version currently out yesterday. now its broken.

before upgrade

 

after upgrade

 

[Ivan Danchev]

Hello Malose,

As part of the themes overhaul effort (more details of which you can find in this blog post), as of R1 2023 SP1 (version 2023.1.314) the LESS theme are no longer supported and we no longer distribute them. The last release that we shipped the LESS themes with was R1 2023 (version 2023.1.117).

The drop of the LESS themes is listed as a breaking change in the SP1 release notes: https://www.telerik.com/support/whats-new/aspnet-mvc/release-history/ui-for-asp-net-mvc-r1-2023-sp1-(version-2023-1-314)

We would advise migrating to the SASS themes. Refer to the LESS to SASS migration documentation article for more details: https://docs.telerik.com/aspnet-mvc/styles-and-layout/less-themes/less-themes-migration

You've previously used the LESS highcontrast theme:

<link href="https://kendo.cdn.telerik.com/2021.1.119/styles/kendo.common.min.css" rel="stylesheet" type="text/css">
<link href="https://kendo.cdn.telerik.com/2021.1.119/styles/kendo.highcontrast.min.css" rel="stylesheet" type="text/css">

Additional Kendo CSS files seem to be loaded: kendo.mobile.all.min.css, kendo.dataviz.min.css, kendo.dataviz.blueopal.min.css

After upgrading to the latest version (2023.1.425) you will no longer be able to use the LESS theme, so all the references mentioned above should be removed and a single reference to a SASS theme should be added in their place:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.3.0/classic/classic-lavender-dark.css">

The SASS classic lavender dark theme is the equivalent of the old LESS highcontrast theme.

Several things to note with regard to the new CDN links:

- You should have a single kendo CSS file referenced. No other kendo CSS references should be present
- The difference in the url compared to the old CDN link.
- The difference in the theme version (e.g., 6.3.0). Previously the theme versions were the same as the versions of the product
- The naming convention of the files. The files no longer have a "kendo" prefix and are not minified

I hope that helps.

Regards,
Ivan Danchev
Progress Telerik

[Malose]

Hi Ivan,

thank you for the feedback,

all is working as expected :), thanks for share the blogs as well alot has changed.

[Ivan Danchev]

Hi Malose,

I am glad the issue is resolved.

I wanted to mention the Breaking Changes section in the documentation, where we list the breaking changes per release: https://docs.telerik.com/aspnet-mvc/backwards-compatibility/2023-backwards-compatibility

We recommend going through that section, before upgrading. 

 

[Malose]

Hi Ivan,

Thank you for sharing the doc page, very helpful,

kind regards

Malose