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

1 Answer 110 Views
General Discussions Grid Upload
Malose
Top achievements
Rank 1
Malose asked on 05 May 2023, 04:35 PM

Good day,

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

before upgrade

 

after upgrade

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Ivan Danchev
Telerik team
answered on 10 May 2023, 10:51 AM

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

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
Malose
Top achievements
Rank 1
commented on 12 May 2023, 08:29 AM

Hi Ivan,

thank you for the feedback,

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

Ivan Danchev
Telerik team
commented on 17 May 2023, 08:05 AM

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
Top achievements
Rank 1
commented on 23 May 2023, 08:15 AM

Hi Ivan,

Thank you for sharing the doc page, very helpful,

kind regards

Malose

Tags
General Discussions Grid Upload
Asked by
Malose
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or