Project Template adds Bootstrap.css when selecting Material theme

[Miles Gibson]

The VS2019 Project Template adds both the Material and Bootstrap css references in _Host.cshtml.  This of course messes up the look and feel.  Commenting out the BootStrap line makes it work again.

Cheers,

Miles

[Ganesan Rengasamy]

Hi Miles, 

Thanks for contacting Syncfusion support.  

We are not able to reproduce the reported issue in our Syncfusion Blazor Template Studio extension. Please provide the below details to check the issue further from our side.  

1.      _Host.cshtml file 

2.      Reproducing steps with screenshot.  

3.      In Visual Studio go to Extensions -> Manage Extensions -> Installed and search the Syncfusion extensions by provide the keyword as Syncfusion in the search box and share the screenshot of that dialog.    

4.      In Visual Studio go to Help - About Microsoft Visual Studio and click on the Copy info button and paste the information in a text file and share them.    

5.      Gatherlog file. Please follow the steps from the link to get the Gatherlog file.  

Regards,
Ganesan Rengasamy.  

[Miles Gibson]

Hi Ganesan,

Well actually it is not the Project Template that does it.  It is in fact the Blazor Code Generator that causes this change.

1. Create a standard Blazor Server Project using the Project Template, selecting the Material theme and the Grid Sample.

2. Check that _Host.cshtml is referencing Material.css theme.

3a. Add in requisite context and model classes sufficient to run the Blazor Code Generator Grid.

3b. Add in required NuGet packages for EF Core etc.

Install-Package Microsoft.EntityFrameworkCore.SqlServer
Install-Package Microsoft.EntityFrameworkCore.SqlServer.Design
Install-Package Microsoft.EntityFrameworkCore.Tools

3c. Scaffold-DbContext -Connection "Server=PRESIDENT\SQLEXPRESS;Database=Northwind;Trusted_Connection=True;" -Provider "Microsoft.EntityFrameworkCore.SqlServer" -DataAnnotations

4. Go to Index.Razor

5. Use Extensions->Syncfusion->Essential Studio for Blazor->Blazor Code Generator (right-click in .razor file is not present)

6. Select Grid and fill out the details.  Complete the wizard.

7. Go to _Host.cshtml.

8. Note that the bootstrap theme is now present, after the material.css theme.

[Ganesan Rengasamy]

Hi Miles, 

Thanks for the update. 

We can be able to reproduce the reported issue in our Syncfusion Blazor Code generator utility when follow the steps you mentioned. We have created the bug report for this issue. We will fix this issue from our side and the fix will be included in our next weekly release which is scheduled on 8^th June 2021. We appreciate your patience until then.  

Also, this fix will be included in our 2021 Volume 2 main release too which is scheduled on end of the June month. 

You can track this issue further from the below link. 

https://www.syncfusion.com/feedback/25953/multiple-theme-entries-has-been-added-in-code-generator  

Also, we are not able to reproduce the issue which is the Syncfusion code generator is not shown while right click in .razor file. Could you please confirm us did you right click on the .razor code editor window or click on the file from solution explorer? Because the code generator will be shown when right click on the .razor code editor window alone. 

Regards, 

Ganesan Rengasamy.

[Abishake Dakshinamoorthy]

Hi Miles Gibson, 

  

  

Thanks for your patience.  

  

We have fixed the Blazor Code Generator issues from our side and the latest Syncfusion Blazor Visual Studio extension has been published in Visual Studio marketplace. Please follow the below steps to update the Syncfusion Blazor Template Studio extension in your Visual Studio 2019.  

  

1.      In Visual Studio go to Extensions -> Manage Extensions -> Updates and search the Syncfusion extensions by provide the keyword as Syncfusion and find the Syncfusion Blazor Template Studio extension 

2.      Then, click on the Update button to update the extension. 

3.      Now, close the Visual Studio and click on the Modify button in VSIX installer dialog. 

4.      After update process completed, open the Visual Studio, and check the Syncfusion Blazor Code Generator. 

  

Also, could you please share the details for Syncfusion Blazor Code Generator menu is not present while right click in .razor file issue? 

  

Regards, 

Abishake Dakshinamoorthy 

[Miles Gibson]

Thanks for fixing it! I will try the update and let you know how it goes. The right-click option has magically appeared, but then I had to re-install VS because of another bug, so the re-install of everything probably fixed it.

I have some more issues/suggestions for the Blazor Code Generator, will submit in a separate case.

Cheers,

Miles

[Abishake Dakshinamoorthy]

Hi Miles Gibson, 

  

  

Thanks for your update. 

  

  

We will wait for your further update about this issue. Also, could you please share issues and suggestions in Syncfusion Blazor Code Generator? We will check and improve our product.  

  

Regards, 

Abishake Dakshinamoorthy