upgraded kendo version to latest in asp.net mvc application but kendo css are not working

1 Answer 149 Views
ActionSheet ColorPalette FlatColorPicker Grid Template
Nauman
Top achievements
Rank 1
Nauman asked on 21 Jul 2023, 11:34 AM
Upgrade kendo version to latest release 2023.2.718 but looks like the application style is breaking and upgraded the bootstrap version as well but still styling is breaking in kendo controls, still have not found any proper solution fro this

1 Answer, 1 is accepted

Sort by
0
Anton Mironov
Telerik team
answered on 26 Jul 2023, 07:19 AM

Hi Nauman,

Thank you for the details provided.

As I am not sure which one was the old version used by your application, I will list here the changes made in the releases of the last three years:

There have been major changes throughout the 2022 and 2023 releases, so you won't be able to upgrade without coming across these changes. The latest big change is the drop of the LESS themes in R1 2023 SP1 (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 that explains the process in more detail:

The LESS to SASS migration article specifies the SASS themes that correspond to the respective LESS themes:

Be advised that the different SASS theme swatches are not 100% identical to their LESS counterparts. They have a similar look and feel.

We've made substantial theme improvements since 2020 and these improvements required changes to the rendering of the components. For more information on the changes and the reasons behind them, please review the following resources:

Overview of the Components Rendering changes:

Blogpost on the improvements to the themes that came with R1 2022:

The Overview article linked above contains a table with the updated components and links to their own appearance documentation articles, which explain the differences between the new and the old rendering in more detail. For example, the TextBox, as one of the components that had changed to its rendering, has its own Appearance article, with Old vs New Rendering and Visual Backwards Compatibility sections:

We've added similar Appearance articles to the documentation of the other components that received new rendering and these articles explain the differences in the rendering. You can find comparisons between the old rendering and classes and the new rendering that uses the new classes in these Appearance articles per component. Refer to this table:

It lists the updated components and links to their respective Appearance documentation articles.

Some of the elements and classes that were present in the old rendering of the affected components are no longer present. This means that, if you have custom CSS rules that use the old classes to override the default styles, these CSS rules should be revised according to the new rendering.

The k-state-focused class is also no longer in use in the other components that received new rendering. So in R1 2022 and going forward, the k-focus class will be used for the focused state. This is valid for the other state classes as well, so for more details, see the State Classes section of the Rendering Overview article:

I hope this information helps.

 

Kind Regards,
Anton Mironov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages. If you're new to the Telerik family, be sure to check out our getting started resources, as well as the only REPL playground for creating, saving, running, and sharing server-side code.

Nauman
Top achievements
Rank 1
commented on 26 Jul 2023, 07:58 AM

it was 2020.2.617 before and not upgraded to 2023.2.618.
Anton Mironov
Telerik team
commented on 31 Jul 2023, 06:50 AM

Hi Nauman,

Thank you for the additional details provided.

Feel free to take the needed time for taking the steps pointed in my previous reply.


Best Regards,
Anton Mironov

Tags
ActionSheet ColorPalette FlatColorPicker Grid Template
Asked by
Nauman
Top achievements
Rank 1
Answers by
Anton Mironov
Telerik team
Share this question
or