1. Home
  2. Forum
  3. Blazor
  4. Update: Controls not working on Blazor Net 6.0 LTS

Update: Controls not working on Blazor Net 6.0 LTS

Hi Syncfusion Team,

I'm trying to port my application from Blazor 3.1 LTS to Blazor 6.0 LTS. I having problems with Sycfusion controls using Net 6.0. My code and Syncfusion controls works perfectly on Net 3.1. I'm experiencing weird rendering issues. BTW I'm using Syncfusion version 20.2.0.36. I suspect I got curropted nuget packages? I tried version 20.20.43 Service pack but got the same results.

Below is a screenshot of my SfDropdownList not rendering and consuming data. My SfGrid not rendering properly. Both control have the same datasource.

1.jpg

Below is my html code:

2.jpg

My Code:

3.jpg


UPDATE: It seems the Syncfusion.Blazor package is broken. I tried installing the individual packages Syncfusion.Blazor.Grid, Syncfusion.Blazor.Dropdown and  Syncfusion.Blazor.Themes and the result is the SfDropDownList and SfGrid is now working fine. I would like to know if there's a fix for the complete Syncfusion.Blazor package?




Hoping for your reply,

Oliver



3 Replies
UD UdhayaKumar Duraisamy Syncfusion Team August 23, 2022 08:29 AM UTC

Hi oliver,


We have included a breaking change in loading scripts and styles from our version 20.1.47.


Breaking changes : https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes


Based on your requirements, you can use either Syncfusion common or individual NuGet packages.


[Using Static Web Assets]

If you are wish to use an individual NuGet package, you can refer to the below script.


<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>


Or else, if you are using the common NuGet (Syncfusion.Blazor) package, you can refer to the below script.­


<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>


We suggest installing the Syncfusion.Blazor.Themes NuGet package to refer to the below style.

<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />


Please find the below documentation for your reference.

Scripts - https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets

Styles - https://www.nuget.org/packages/Syncfusion.Blazor.Themes/


[Using CDN link]

Scripts- https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-reference


Styles - https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference



Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-2090957259


Regards,

Udhaya Kumar D


If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.



OT oliver tejada August 25, 2022 03:39 PM UTC

Hi  Udhaya Kumar,

I went for the individual packages. Thank you for the reply. At first I thought my VS 2022 got curropted. 🤣

All is fine now when I downloaded the individual packages and theme. 


Oliver


UD UdhayaKumar Duraisamy Syncfusion Team August 26, 2022 05:09 AM UTC

Hi oliver,


Thanks for the update. Please get back to us if you need any further assistance.


Regards,

Udhaya Kumar D


Loader.
Up arrow icon