Pablo Tola
Top achievements
Rank 2
Rank 2
Pablo Tola
asked on 21 Jan 2023, 08:22 PM
I upgraded my project to kendo-theme-default 6.0.3, and some of my styles that were customized with the themebuilder are broken.
for example, the spin buttons on the numeric input are large now. There is a class missing called: ".k-icon-wrapper-host" from the generated css.
Please provide a fix or some direction on how to fix it.
Hello Pablo,
I've noticed that you submit a support ticket with the same question, so I am pasting the answer here also:
The current version of ThemeBuilder support only the R3 2022 version of the Kendo UI for Angular and v5.8.0 of Kendo themes. This is the reason why you see that styles are applied incorrectly. We are working to support the next version (R1 2023 – Kendo Angular v11, Kendo themes v6.0.0) and it will be available in a few weeks.
I'm having the same problem. I've updated my Telerik Blazor nuget package to v4.0.0 yesterday and now all my predefined Dialogs look like this:
I'm assuming this is a CSS/Theme problem? Can you tell me which CSS styles to update, or do I have to wait "weeks"?
Hi Kevin,
The main issue is that the project uses the latest version (R1 2023) of components with an older version of the themes (R3 2022), generated by ThemeBuilder. In general, this is not a supported scenario because the component may have some rendering changes like a changed class name or removed/added HTML element which will affect the styles.
We are working to support the next version (R1 2023 - Kendo themes v6.0.0), which will be available at the beginning of the next week.
It is worth mentioning that when the new version is released it will be available for new projects. As we know that making all of those changes again is not ideal, we are also working on a way to update the projects to new versions and keep all changes:
The feature will have two phases:
Manual migration - We will provide an option where you can update the current project to the latest version. That will re-apply the styles to the new version. Since there are maybe some rendering changes between the versions, you have to go into the updated project and handle these changes. We expect the feature in a few weeks.
Automatic migration - We add a feature that will convert all styles automatically as we will process all changes from version to version and change the styles to match the new rendering. That is already in early development, and we expect it to be available in a few months as it is a very complex feature.
I actually found the answer in your own documentation here: https://docs.telerik.com/blazor-ui/upgrade/rendering-changes/4-0-0#dialog
I made the changes to my themed CSS file and the dialogs are displaying like normal again.
Hi Karsten,
The manual migration functionality is planned to be released by the end of the week.