Blazor DashboardLayout not working WebAssembly

[pradeep]

Dash layout not showing blazor webAssembly  6.0 .please check bellow link

https://blazor.syncfusion.com/demos/dashboard-layout/overview?theme=material

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Pradeep, 

 

Greetings from Syncfusion support. 

 

We were unable to replicate your reported problem as DashboardLayout component renders properly in .NET 6.0 Blazor Web Assembly application. 

 

Please, download the sample with DashboardLayout in Blazor Web Assembly with .NET 6.0 target framework version below. 

 

https://www.syncfusion.com/downloads/support/forum/171037/ze/WASM_Dashboard936455288 

 

Please, let us know if you need any further assistance. 

 

Regards, 

Shameer Ali Baig S. 

[pradeep]

u have given sample application also same issue .Once click minimize or maximize button only its showing.Once page load its not showing .but same code working server application .

 in my application i am using them below 

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

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

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

[Indhumathy Loganathan]

Hi Pradeep, 

 

Sorry for the inconvenience caused. 

 

We can replicate the reported issue at our end in .Net 6.0 WebAssembly sample. This issue had been fixed internally and the fix for this issue will be available in our volume 4, 2021 release which is expected to be rolled out in the mid of December. 

 

We appreciate your patience. 

 

Regards, 

Indhumathy L 

[Indhumathy Loganathan]

Hi Pradeep, 

  

We are glad to announce that the reported issue “Dashboard Layout not rendered initially in Blazor .net 6.0 WebAssembly sample” has been resolved in the latest version(V19.4.38). To access this fix, we suggest you to update the package to the latest version 19.4.38. 

  

Please refer to the below sample link. 

  

https://www.syncfusion.com/downloads/support/forum/171037/ze/WASM_Dashboard-876496693 

  

Please let us know if you need any further assistance. 

  

Regards, 

Indhumathy L 

[Carlos]

I am having the same rendering problem with version 20.1.0.47.

None of your samples work. I get an error like this

"

blazor.server.js:1 [2022-04-11T16:44:53.314Z] Error: System.ArgumentNullException: Value cannot be null. (Parameter 'json')

   at System.Text.Json.JsonSerializer.Deserialize[TValue](String json, JsonSerializerOptions options)

   at Syncfusion.Blazor.Layouts.SfDashboardLayout.Initialize()

   at Syncfusion.Blazor.Layouts.SfDashboardLayout.OnAfterScriptRendered()

   at Syncfusion.Blazor.SfBaseComponent.OnAfterRenderAsync(Boolean firstRender)

   at Syncfusion.Blazor.Layouts.SfDashboardLayout.OnAfterRenderAsync(Boolean firstRender)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

log @ blazor.server.js:1

[Indhumathy Loganathan]

Hi Carlos,

In our recent release, we included some of the breaking changes in Blazor. The reported issue at your end occurs due to this. Please check the below release notes for changes.

Release notes link : https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#common

To overcome the issue follow one of the below way.

Way 1: Load scripts externally via CDN.

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

Way 2: Set IgnoreScriptIsolation as false in AddSyncfusionBlazor().

builder.Services.AddSyncfusionBlazor(options => { options.IgnoreScriptIsolation = false; });

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DASHBO~21643078434

Please check the attached sample and get back to us if you need any further assistance. 

Regards,

Indhumathy L