Grid Not Working After Update

Hello !
After I updated the Syncfusion Blazor Grid Component to the latest version, none of my grids is working normally anymore...

Can you tell me what to do ?

I will attach here the new wrong look of the grid after update and the source test project for that grid.

Thank You Very Much !



Attachment: GRIDTESTBLAZORPROJECT_a544ad9c.zip

3 Replies

SP Sarveswaran Palani Syncfusion Team June 29, 2022 01:17 PM UTC

Hi Tom,


Greetings from Syncfusion Support.


We have checked your query and prepared a sample based on your shared code snippet. But we could not be able to replicate the reported issue at our end. Kindly refer the attached sample and UG documentation for your reference. Before that Kindly make ensure to include script and themes in your project.


<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <base rel='nofollow' href="~/" />

    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" />

    <link rel='nofollow' href="css/site.css" rel="stylesheet" />

    <link rel='nofollow' href="sample2022.styles.css" rel="stylesheet" />

    <link rel='nofollow' href=https://cdn.syncfusion.com/blazor/20.1.61/styles/bootstrap5.css rel="stylesheet" />

    <script src=https://cdn.syncfusion.com/blazor/20.1.61/syncfusion-blazor.min.js type="text/javascript"></script>

    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />

</head>


Refer our UG documentation for your reference: https://blazor.syncfusion.com/documentation/datagrid/getting-started


If you have any further queries, Please get back to us


Regards,

Sarveswaran PK


Attachment: GRIDTESTBLAZORPROJECT_2fd53ef6.zip


TJ Tom Johnes August 28, 2022 04:39 PM UTC

Hello again !
The new version of the Syncfusion Blazor Grid still not working on Blazor WebAssembly App with 

Microsoft Visual Studio 2019 or 2022... The elements of the grid are not correctly displayed...
I used the link that you provided https://blazor.syncfusion.com/documentation/datagrid/getting-started?cs-save-lang=1&cs-lang=csharp to install and add the  Syncfusion Blazor Grid Component but no result.
I am out of options now so please be kind and help me !
I attached here my entire clean project with only  Syncfusion Blazor Grid Component installed.

Please tell me what I am doing wrong in that project !

Thank You Very Much and Best Regards !


Attachment: GridTestBlazorApp1_5985240b.7z


SP Sarveswaran Palani Syncfusion Team August 29, 2022 04:13 PM UTC

Hi Tom,


Greetings from Syncfusion support.


We have checked your shared sample and we could see that you have referenced scripts externally by enabling javascript isolation . We would like to inform that we have included breaking changes in loading scripts and styles in our latest version and javascript isolation is marked as obsolete from our version(20.1.0.47). So, we suggest you to use below method to load styles and scripts externally for better performance. Kindly refer the attached code snippet, sample and link for reference.


[ index.html ]

 

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>GridTestBlazorApp1</title>

    <base rel='nofollow' href="/" />

    <link rel='nofollow' href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />

    <link rel='nofollow' href="css/app.css" rel="stylesheet" />

    <link rel='nofollow' href="GridTestBlazorApp1.Client.styles.css" rel="stylesheet" />

    <link rel='nofollow' href=https://cdn.syncfusion.com/blazor/20.2.45/styles/bootstrap5.css rel="stylesheet" />

    <script src=https://cdn.syncfusion.com/blazor/20.2.45/syncfusion-blazor.min.js type="text/javascript"></script>

</head>


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

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


Kindly get back to us if you are facing further issue again


Regards,

Sarveswaran PK


Attachment: GridTestBlazorApp1Modified_760bad69.zip

Loader.
Up arrow icon