1. Home
  2. Forum
  3. Blazor
  4. Blazor in MVC has incorrect rendering

Blazor in MVC has incorrect rendering

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?






3 Replies 1 reply marked as answer
JL Joshna Lingala Uthama Reddy Lingala Syncfusion Team November 22, 2021 11:56 AM UTC

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. 
 
 
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 
 


DE desmond November 23, 2021 05:56 PM UTC

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

JL Joshna Lingala Uthama Reddy Lingala Syncfusion Team November 25, 2021 01:31 PM UTC

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 
 
 
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 
 


Marked as answer
Loader.
Up arrow icon