Upgrading KendoUI ASP.NET MVC Question

[Tomislav Bronzin]

Hi!
I am upgrading my .NET 4.8.1 MVC project from 2013 to 2024.
However, I am struggling to do  the following:
1) In old setup (2013), there were .css files which were referenced in the Layout file.
Example: "https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.silver.min.css"

After upgrading to 2024 (via Telerik extension), I cannot find a theme with the same name locally and I cannot use the same CDN link (with modified package version of course).

I found the following info: CDN Info but was not able to follow through and my styles are still not applied.

Here are my original CDN links that need to be updated to 2024.3.1015
https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.common.min.css - Edit: I have managed to find a link for this (or similar version) on Kendo Dojo repo

https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.rtl.min.css - Edit: I have managed to find a link for this (or similar version) on Kendo Dojo repo

https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.silver.min.css - Have not managed to find this (please help)

https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.dataviz.silver.min.css - Have not managed to find this (please help)

Above those, I included the licence snippet:

   <script src="@Html.Raw("https://unpkg.com/@progress/kendo-licensing/dist/index.js")"></script>
   <script>KendoLicensing.setScriptKey('myLicence');</script>

 

How do I fix my links? Any help is greatly appreciated.

Thanks!

[Ivan Danchev]

Hi,

The CSS files you listed are no longer in use in the newer versions of the library. 

The LESS themes were discontinued in the R1 2023 SP1 release (version 2023.1.314). Going forward, the old LESS theme will not be compatible with the new versions of Telerik UI for ASP.NET MVC and migrating to the SASS themes is recommended. We have a migration article which explains the process in more detail: https://docs.telerik.com/aspnet-mvc/styles-and-layout/less-themes/less-themes-migration

The LESS to SASS migration article specifies the SASS themes that correspond to the respective LESS themes: https://docs.telerik.com/aspnet-mvc/styles-and-layout/less-themes/less-themes-migration#how-do-i-know-which-sass-theme-corresponds-to-my-current-less-theme  Be advised that the different SASS theme swatches are not 100% identical to their LESS counterparts. They have a similar look and feel.

When you upgrade to the latest version  you will no longer be able to use the LESS theme, so any references of kendo CSS files like:

kendo.common.min.css
kendo.rtl.min.css
kendo.silver.min.css
kendo.dataviz.silver.min.css

should be removed and a single reference to a SASS theme file should be added in their place. For example, the reference of the Classic Silver SASS theme (which is the equivalent of the old Silver LESS theme) would look like this when using our CDN:

<link href="https://kendo.cdn.telerik.com/themes/9.0.0/classic/classic-silver.css" rel="stylesheet" type="text/css" />

Note that version 9.0.0 of the theme is compatible with version 2024.3.1015 of the library.

For more information on the theme and rendering changes and the reason behind them, please review the following resources:   

• Overview of the Components Rendering changes: https://docs.telerik.com/aspnet-mvc/styles-and-layout/components-rendering-overview
• Blogpost on the improvements to the themes that came with R1 2022: https://www.telerik.com/blogs/improvements-coming-telerik-kendo-ui-themes-2022

Regards,
Ivan Danchev
Progress Telerik