Blazor
EditEdit This Document
Demos
Support
Forum
Upgrade Guide
FREE TRIAL
Search results

Convert project

20 Apr 2021 / 3 minutes to read

Syncfusion Blazor conversion is a Visual Studio add-in that converts the existing Blazor application to the Syncfusion Blazor application.

The following steps help you to convert the Blazor application to the Syncfusion Blazor application via the Visual Studio 2019:

Before use the Syncfusion Blazor Project Conversion, check whether the Syncfusion Blazor Template Studio Extension installed or not in Visual Studio Extension Manager by clicking on the Extensions -> Manage Extensions -> Installed.

  1. Open your existing Blazor application.

To open the Syncfusion Project Conversion Wizard, either follow one of the options below:

Option 1:

Choose Extensions -> Syncfusion -> Essential Studio for Blazor -> Convert Project… in the Visual Studio 2019 menu.

ConversionMenu

Option 2:

Right-click the application from the Solution Explorer and select the Syncfusion Blazor and choose the Convert to Syncfusion Blazor application…

ConversionAddin

  1. The Syncfusion Project Conversion window will appear. You can choose the required version of Syncfusion Blazor and Themes to convert the application.

The versions are loaded from the Syncfusion Blazor NuGet packages published in NuGet.org and it requires internet connectivity.

  1. If you want to retrieve project backup, select Project Backup.

ConversionWizard

  1. Once the conversion process has been completed, you will get a successful message window.

ConversionSuccessMessage

  1. If you installed the trial setup or NuGet packages from nuget.org you have to register the Syncfusion license key to your project since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the help topic to generate and register the Syncfusion license key to your project. Refer to this blog post for understanding the licensing changes introduced in Essential Studio.

NuGet Packages

The selected version of the Syncfusion NuGet packages is added to the application dependencies.

Syncfusion Blazor NuGet packages Application type
Syncfusion.Blazor Syncfusion Blazor Server App
Syncfusion Blazor WebAssembly App
Syncfusion Blazor WebAssembly App (ASPNET Core hosted)
Syncfusion Blazor WebAssembly App (Progressive Web Application)
Syncfusion Blazor WebAssembly App (ASPNET Core hosted and Progressive Web Application)
Syncfusion.Blazor.PdfViewerServer.Windows Syncfusion Blazor Server App
Syncfusion.Blazor.WordProcessor Syncfusion Blazor Server App
Syncfusion Blazor WebAssembly App
Syncfusion Blazor WebAssembly App (ASPNET Core hosted)
Syncfusion Blazor WebAssembly App (Progressive Web Application)
Syncfusion Blazor WebAssembly App (ASPNET Core hosted and Progressive Web Application)

The NuGet packages added to the project file as follows.

NuGetPackage

Added the selected version of the Syncfusion CDN link to the host.cshtml or index.html file.

Application type File location
Syncfusion Blazor Server App {Project location}\Pages\_Host.cshtml
Syncfusion Blazor WebAssembly App (ASPNET Core hosted)
Syncfusion Blazor WebAssembly App (ASPNET Core hosted and Progressive Web Application)		 {Client Project location}\wwwroot\index.html
Syncfusion Blazor WebAssembly App
Syncfusion Blazor WebAssembly App (Progressive Web Application)		 {Project location}\wwwroot\index.html

CDNLink

Previous
Next