Radzen blazor upgrade issue

Radzen.Blazor Components
1

Hi Team,
I have upgraded Radzen blazor to latest 5.6.12 and after upgrading all its component complete css is breaking in my page ? how to fix it.
Table structure css, linegraph tooltip everything breaking nothing is laoding properly

image
image1179×504 28.5 KB
.

Pl suggest what is fixes? I need the solution asap. Can someone help me?

2

Did you check this thread? Upgrading to Radzen.Blazor v5.0

3

I have followed that but no luck it even broke more.
in browser console I could see these error

image
image1479×326 43.9 KB

4

None of those errors are related to Radzen.Blazor.

5

Thanks,but why the RadzenChart hovering is not working and css of datagrid? The tooltip ideally auto add once hover over the line graph but this nt happening after upgrading

6
7

Yes this is all added startup.cs and mainlyout its referred
image

image
image814×51 4.34 KB

8

You should use <RadzenControls /> instead of <RadzenDialog /> and <RadzenTooltip />. Or add <RadzenChartTooltip /> after <RadzenTooltip />.

9

I have tried this, it worked with tooltip one, Many thanks ! But this one is failing
control css
Old
image
New:
image

10

Check again the linked thread - you either have an old premium theme which you should update in Radzen Blazor Studio or just need to refresh your browser cache.

11

As far as my knowledge not premium theme. How to recognize which theme we are using whether its premium or free one?
image
We are using dark theme. We have custom css which is referring blazor-radzen-dark.css as shown in below.

image
image984×83 12.7 KB

When am copying all content from dark.scss its not replacing with exact css.

12

There is no built-in theme called "blazor-radzen-dark.css" or "blazor-radzen-light.css". This is either a custom theme or you have copied an existing theme. In any case this needs to be updated to an existing theme. The themes are available as embedded resources. You should register them either by following the getting started instructions or by including them via <link /> or @import:

<link rel="stylesheet" href="_content/Radzen.Blazor/css/material.css">
13

after referring material.css, everything comes in white Background? does it follows the same for drak also?
image

Its missing with many classes actually .rz-spinner class is one example

14

Yes, that's what the theme uses. All themes are available for you to try at https://blazor.radzen.com

Not sure what this means.

You can check the changes in themes here: https://blazor.radzen.com/changelog

Long story short - your CSS file is not compatible with the updated Radzen.Blazor 5.x rendering. You should have the following options:

  • Use a built-in theme. You can customize it with Radzen Blazor Studio (requires a subscription).
  • You can update your custom theme by checking the changelog
  • You can stay with Radzen.Blazor 4.x