Blazor in MVC has incorrect rendering

[desmond]

I tried exactly how https://blazor.syncfusion.com/documentation/common/how-to/add-blazor-component-on-existing-aspnet-core-mvc-app guides, I can make an SfGrid in .NET MVC correctly. So, I then tried to migrate the Kanboard in Blazor by myself. I copied this code https://blazor.syncfusion.com/documentation/kanban/getting-started, and did what I did for SfGrid, I end up seeing a messy page, but words and data are correct, so it is a problem of rendering. Is there any way to solve the problem?

[Joshna Lingala Uthama Reddy Lingala]

Hi Desmond, 

 

Thanks for contacting Syncfusion support. 

 

We have validated the reported issue for “Blazor components not rendering in Asp Net Core MVC” at our end. Unfortunately, we are unable to replicate the issue at our end. However, we have prepared a sample for your reference in which Blazor Kanban component is rendered in Asp Net Core MVC application. Please find the sample from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/170582/ze/CoreMVCBlazor1022976300 

 

Kindly try with the above sample and if you still face any issue share details like image reference of the issue, issue replicating sample to validate it further at our end. 

 

Regards, 

Joshna L 

 

[desmond]

Thanks a lot for the sample, I tried locally and works fine. I then added scheduler to the file, the kanboard works fine, but the scheduler doesn't. I have included my changed codes here, the scheduler is in the Privacy page.

Attachment: CoreMVCBlazor_9ac0fc30.rar

[Joshna Lingala Uthama Reddy Lingala]

Hi Desmond, 

 

Thanks for the update. 

 

We have validated the reported issue for “blazor components not rendering properly in privacy page” at our end. We are able to replicate the issue at our end, to overcome the issue we need to add base rel='nofollow' href value in the _Layout.cshtml page in the application to render the blazor components properly. We have modified the sample which you can download from the below link 

 

Sample: https://www.syncfusion.com/downloads/support/forum/170583/ze/CoreMVCBlazor315107762 

 

Kindly try with the above sample and get back to us if you have any queries. 

 

Note: Before rendering blazor components make sure that <base rel='nofollow' href="~/" /> value is added in the _Layout page in the application. 

 

Regards, 

Joshna L