I am creating a project in Radzen blazor with .NET7 framework. Some of my components aren't loading properly. I have tried using static files and webassemly in program.cs and startup.cs. I have attached an image of what my datepicker looks like when my application is published. Notifications are also at top of the page and in text form rather than tooltip form.
Refresh your browser cache.
First thing I tried. No luck. I updated Radzen as well. I have worked on this project before and it was working great. Just past week or so it hasn't worked. I checked commits as well to see if anything changed - nothing has changed in the project except updating latest Nuget packages
If you are using a premium theme you have to reapply it from Radzen Blazor studio. More information is available here Migration to Radzen.Blazor v5.0
so I tried this too. Followed the instructions from getting started link. Added RadzenTheme and component to Host.cshtml file. reapplied theme from settings. added radzencomponents in mainlayout. Surprisingly, material3 theme loads properly, but components are still having appearance issues. but I get this error- /css/material3-base.css?v=5.0.8.0 net::ERR_ABORTED 404 (Not Found). I also tried downgrading nuget package to version 4.34.0 and it works. so I am not sure how exactly to make it work with 5.0.8.0. I am using Radzen application to change settings/theme not Radzen Blazor Studio. and using visual studio to run the application
Radzen Studio applications are pinned to Radzen.Blazor 4.x. Did you manually upgrade the assembly package version to 5.x? The updated premium themes are included in Radzen Blazor Studio only.
I just upgraded the Nuget packages to 5.0.8 but I understand the issue. For now, I will continue using 4.x. Unsure when we are moving to Radzen Blazor Studio at our organization
It is still possible to use the new version with Radzen Studio. You have use this approach though (to get the CSS and fonts of the updated premium theme). Then modify the _Host.cshtml as you have done (need to use the code generation ignore list in order not to lose your changes).
I did exactly that before reverting back to 4.x. It worked somewhat as Datepicker was a little better but not entirely. I might stick with 4.x unless there is a solution for this
Hi @Jpatel,
In 5.x we dropped the Bootstrap dependency. Make sure you have bootstrap css properly loaded , as it is not part of the Radzen.Blazor package any more. (col-* css classes won't work if you don't have bootstrap's styles).
In your case try loading Bootstrap’s CSS v.4.3.1 before the theme CSS file: Introduction · Bootstrap
I struggled with the 5.+ upgrade for a few days before reverting to 4.34.4. I tried refreshing the Bootstrap reference to the libman tool in my boiler plate Blazor WASM project started back with .Net 7. I thought maybe there was some .Net 8 benefit related here, but alas, no. I am upgraded to .Net 8 now but my text boxes (numeric, text, date picker) and tabs are all uglified with the Radzen 5+ lib.
Thanks for the tip @Jpatel.
Just to note that there are no known issues with using Radzen.Blazor 5.x with the default project templates (from Visual Studio and dotnet new).
You probably have some other CSS which overrides the styling of <input> elements. This border can easily be tracked with the browser developer tools.
By the way if you are using a premium theme you have to update it via Radzen Blazor Studio.