Is ThemeBuilder CSS up to date with new UI for Blazor 3.0.0?

2 Answers 46 Views
Styling
Adam
Top achievements
Rank 1
Adam asked on 19 Jan 2022, 09:50 PM

Hi

I have just updated an application to UI for Blazor 3.0.0 - upgraded the nuget packages fine.  I then used the ThemeBuilder to update my css - but when i run the application is looks like there are issues with the CSS e.g. unstyled input boxes etc.

If i use  href="_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css" then things look right again, however they are not to my custom theme - are the ThemeBuilder outputs not up to date with the new release?

2 Answers, 1 is accepted

Sort by
1
Dimo
Telerik team
answered on 20 Jan 2022, 02:45 PM

Hello Adam,

Indeed, the ThemeBuilder currently produces themes for 2.30. We are fixing some last-minute issues and ideally, we will update it in the following hours. Please excuse us about this delay.

Regards,
Dimo
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!
Adam
Top achievements
Rank 1
commented on 23 Jan 2022, 06:03 PM

Thanks Dimo - it doesn't look like this has been sorted yet.  Any update on timescales?
Dimo
Telerik team
commented on 24 Jan 2022, 03:51 PM

Hi Adam, the ThemeBuilder update is now live. We recommend clearing the browser cache when running it.
Adam
Top achievements
Rank 1
commented on 25 Jan 2022, 07:39 AM

Thanks Dimo - working fine now
0
Wim
Top achievements
Rank 1
Iron
answered on 25 Jan 2022, 07:18 AM

Hello

 

I minify the css file of the ThemeBuilder, but that gives errors.

Is there still something wrong with the file?

    Error 0: Unexpected token, found ';' (1, 13935)
    Error 0: Expected expression, found ';' (1, 13935)
    Error 0: Unexpected token, found ';' (1, 13939)
    Error 0: Expected expression, found ';' (1, 13939)
Dimo
Telerik team
commented on 26 Jan 2022, 06:35 AM

Hi Wim,

The new ThemeBuilder version is live, so this must be a different issue. I did some research and suggest you the following:

See if your custom theme contains the following CSS code:

.k-input-spinner .k-spinner-increase .k-icon {
    bottom: -;
}

.k-input-spinner .k-spinner-decrease .k-icon {
    top: -;
}

If you find such code, replace "-" with "auto" and try using the CSS file again.

If there is no such code, or if the change does not fix the problem, then validate the CSS file and fix any parse errors that the validator reports. For example, change or remove any offending style values. You can ignore complaints about aspect-ratio: 1 - this should not be an issue.

Let me know what you found out, so that I can log a bug report if necessary. If none of the above helps, please open a new forum thread and attach your custom theme ZIP there.

Wim
Top achievements
Rank 1
Iron
commented on 26 Jan 2022, 06:51 AM

Thanks Dimo, it did contain the css from your previous comment.

After replacing "-" with the "auto" value the minification works.

Dimo
Telerik team
commented on 26 Jan 2022, 07:01 AM

Good, here is the pull request for the fix on our side. Thanks for your cooperation!
Tags
Styling
Asked by
Adam
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Wim
Top achievements
Rank 1
Iron
Share this question
or