diff --git a/File-Formats/DocIO/Blazor_Images/NuGet-Package-Convert-WordtoImage.png b/File-Formats/DocIO/Blazor_Images/NuGet-Package-Convert-WordtoImage.png new file mode 100644 index 000000000..343087cde Binary files /dev/null and b/File-Formats/DocIO/Blazor_Images/NuGet-Package-Convert-WordtoImage.png differ diff --git a/File-Formats/DocIO/Blazor_Images/NuGet-Package-WordtoPDF.png b/File-Formats/DocIO/Blazor_Images/NuGet-Package-WordtoPDF.png new file mode 100644 index 000000000..e53f28f41 Binary files /dev/null and b/File-Formats/DocIO/Blazor_Images/NuGet-Package-WordtoPDF.png differ diff --git a/File-Formats/DocIO/Blazor_Images/Nuget-Package-WordtoImage.png b/File-Formats/DocIO/Blazor_Images/Nuget-Package-WordtoImage.png index e949f29ff..1d3e44445 100644 Binary files a/File-Formats/DocIO/Blazor_Images/Nuget-Package-WordtoImage.png and b/File-Formats/DocIO/Blazor_Images/Nuget-Package-WordtoImage.png differ diff --git a/File-Formats/DocIO/Blazor_Images/NugetPackage.png b/File-Formats/DocIO/Blazor_Images/NugetPackage.png index 9a85a9fb9..4f6cfd02a 100644 Binary files a/File-Formats/DocIO/Blazor_Images/NugetPackage.png and b/File-Formats/DocIO/Blazor_Images/NugetPackage.png differ diff --git a/File-Formats/DocIO/Convert-Word-Document-to-Image-in-Blazor.md b/File-Formats/DocIO/Convert-Word-Document-to-Image-in-Blazor.md index 9eda33c05..1d76e4e58 100644 --- a/File-Formats/DocIO/Convert-Word-Document-to-Image-in-Blazor.md +++ b/File-Formats/DocIO/Convert-Word-Document-to-Image-in-Blazor.md @@ -199,37 +199,15 @@ Step 2: Now, the project configuration window will popup. Click **Create** butto Step 3: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/). * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) -* [SkiaSharp.NativeAssets.WebAssembly v2.88.2](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly/2.88.2) +* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6) ![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/Nuget-Package-WordtoImage.png) -![Install SkiaSharp.NativeAssets.WebAssembly NuGet Package](Blazor_Images/SkiaSharp-Nuget-WordtoPDF.png) +![Install SkiaSharp.Views.Blazor v2.88.6 NuGet Package](Blazor_Images/NuGet-Package-Convert-WordtoImage.png) -N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. - -Step 4: Add the following ItemGroup tag in the **Blazor WASM csproj** file. -{% tabs %} - -{% highlight XAML %} - - - -{% endhighlight %} - -{% endtabs %} +N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. +N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. -N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. - -Step 5: Enable the following property in the Blazor WASM csproj file. - -{% tabs %} -{% highlight XAML %} - - true - -{% endhighlight %} -{% endtabs %} - -Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file. +Step 4: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file. {% tabs %} @@ -244,7 +222,7 @@ Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and ad {% endtabs %} -Step 7: Add the following code to create a new button. +Step 5: Add the following code to create a new button. {% tabs %} @@ -258,7 +236,7 @@ Step 7: Add the following code to create a new button. {% endtabs %} -Step 8: Create a new async method with name as ``WordToImage`` and include the following code snippet to **convert a Word document to image in Blazor** WASM app. +Step 6: Create a new async method with name as ``WordToImage`` and include the following code snippet to **convert a Word document to image in Blazor** WASM app. {% tabs %} @@ -286,7 +264,7 @@ using (FileStream sourceStreamPath = new FileStream(@"wwwroot/Template.docx", Fi {% endtabs %} -Step 9: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. +Step 7: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. {% tabs %} @@ -305,7 +283,7 @@ public static class FileUtils {% endtabs %} -Step 10: Add the following JavaScript function in the Index.html file present under ``wwwroot``. +Step 8: Add the following JavaScript function in the Index.html file present under ``wwwroot``. {% tabs %} @@ -338,7 +316,7 @@ Step 10: Add the following JavaScript function in the Index.html file present un {% endtabs %} -Step 11: Add the following code snippet in the razor file of Navigation menu in the Shared folder. +Step 9: Add the following code snippet in the razor file of Navigation menu in the Shared folder. {% tabs %} diff --git a/File-Formats/DocIO/Convert-Word-Document-to-PDF-in-Blazor.md b/File-Formats/DocIO/Convert-Word-Document-to-PDF-in-Blazor.md index d2f9131ff..93b327c13 100644 --- a/File-Formats/DocIO/Convert-Word-Document-to-PDF-in-Blazor.md +++ b/File-Formats/DocIO/Convert-Word-Document-to-PDF-in-Blazor.md @@ -199,37 +199,15 @@ Step 2: Now, the project configuration window will popup. Click Create button to Step 3:Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/). * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) -* [SkiaSharp.NativeAssets.WebAssembly](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly) +* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6) ![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/NugetPackage.png) -![Install SkiaSharp.NativeAssets.WebAssembly NuGet Package](Blazor_Images/SkiaSharp-Nuget-WordtoPDF.png) +![Install SkiaSharp.Views.Blazor v2.88.6 NuGet Package](Blazor_Images/NuGet-Package-WordtoPDF.png) -N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. - -Step 4: Add the following ItemGroup tag in the **Blazor WASM csproj** file. -{% tabs %} - -{% highlight XAML %} - - - -{% endhighlight %} - -{% endtabs %} +N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. +N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. -N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. - -Step 5: Enable the following property in the Blazor WASM csproj file. - -{% tabs %} -{% highlight XAML %} - - true - -{% endhighlight %} -{% endtabs %} - -Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file. +Step 4: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file. {% tabs %} @@ -245,7 +223,7 @@ Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and ad {% endtabs %} -Step 7: Add the following code to create a new button. +Step 5: Add the following code to create a new button. {% tabs %} @@ -259,7 +237,7 @@ Step 7: Add the following code to create a new button. {% endtabs %} -Step 8: Create a new async method with name as ``WordToPDF`` and include the following code snippet to **create a Word document in Blazor** WASM app. +Step 6: Create a new async method with name as ``WordToPDF`` and include the following code snippet to **create a Word document in Blazor** WASM app. {% tabs %} @@ -292,7 +270,7 @@ using (Stream inputStream = await client.GetStreamAsync("sample-data/Input.docx" {% endtabs %} -Step 9: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. +Step 7: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. {% tabs %} @@ -311,7 +289,7 @@ public static class FileUtils {% endtabs %} -Step 10: Add the following JavaScript function in the Index.html file present under ``wwwroot``. +Step 8: Add the following JavaScript function in the Index.html file present under ``wwwroot``. {% tabs %} @@ -344,7 +322,7 @@ Step 10: Add the following JavaScript function in the Index.html file present un {% endtabs %} -Step 11: Add the following code snippet in the razor file of Navigation menu in the Shared folder. +Step 9: Add the following code snippet in the razor file of Navigation menu in the Shared folder. {% tabs %} diff --git a/File-Formats/Presentation/Convert-PowerPoint-to-Image-in-Blazor.md b/File-Formats/Presentation/Convert-PowerPoint-to-Image-in-Blazor.md index 20d615a7b..f44b146bf 100644 --- a/File-Formats/Presentation/Convert-PowerPoint-to-Image-in-Blazor.md +++ b/File-Formats/Presentation/Convert-PowerPoint-to-Image-in-Blazor.md @@ -194,41 +194,16 @@ Step 3: Choose Blazor WebAssembly App and click Create button to create a new Bl Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/). * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) -* [SkiaSharp.NativeAssets.WebAssembly v2.88.6](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly/2.88.6) +* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6) ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure_Images/App_Service_Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png) -![Install SkiaSharp.NativeAssets.WebAssembly v2.88.6 Nuget Package](Workingwith_Blazor/Nuget-Package-PPTXtoPDF.png) +![Install SkiaSharp.Views.Blazor v2.88.6 Nuget Package](Workingwith_Blazor/NuGet_package_PPTXtoPDF.png) -N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. - -Step 5: Add the following ItemGroup tag in the **Blazor WASM csproj** file. - -{% tabs %} -{% highlight XAML %} - - - - - -{% endhighlight %} -{% endtabs %} - -N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. +N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. +N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. -Step 6: Enable the following property in the **Blazor WASM csproj** file. - -{% tabs %} -{% highlight XAML %} - - - true - - -{% endhighlight %} -{% endtabs %} - -Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file. +Step 5: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file. {% tabs %} {% highlight c# tabtitle="C#" %} @@ -243,7 +218,7 @@ Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder {% endhighlight %} {% endtabs %} -Step 8: Add the following code to create a new button. +Step 6: Add the following code to create a new button. {% tabs %} {% highlight CSHTML %} @@ -255,7 +230,7 @@ Step 8: Add the following code to create a new button. {% endhighlight %} {% endtabs %} -Step 9: Create a new async method with name as ``PPTXToImage`` and include the following code snippet to **convert a PowerPoint to image in Blazor WASM app**. +Step 7: Create a new async method with name as ``PPTXToImage`` and include the following code snippet to **convert a PowerPoint to image in Blazor WASM app**. {% tabs %} {% highlight c# tabtitle="C#" %} @@ -282,7 +257,7 @@ using (Stream inputStream = await client.GetStreamAsync("sample-data/Input.pptx" {% endhighlight %} {% endtabs %} -Step 10: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. +Step 8: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. {% tabs %} {% highlight c# tabtitle="C#" %} @@ -299,7 +274,7 @@ public static class FileUtils {% endhighlight %} {% endtabs %} -Step 11: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``. +Step 9: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``. {% tabs %} {% highlight HTML %} diff --git a/File-Formats/Presentation/Convert-PowerPoint-to-PDF-in-Blazor.md b/File-Formats/Presentation/Convert-PowerPoint-to-PDF-in-Blazor.md index 37ee0da90..15da94a28 100644 --- a/File-Formats/Presentation/Convert-PowerPoint-to-PDF-in-Blazor.md +++ b/File-Formats/Presentation/Convert-PowerPoint-to-PDF-in-Blazor.md @@ -195,41 +195,16 @@ Step 3: Choose Blazor WebAssembly App and click Create button to create a new Bl Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/). * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) -* [SkiaSharp.NativeAssets.WebAssembly v2.88.6](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly/2.88.6) +* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6) ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure_Images/App_Service_Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png) -![Install SkiaSharp.NativeAssets.WebAssembly v2.88.6 Nuget Package](Workingwith_Blazor/Nuget-Package-PPTXtoPDF.png) +![Install SkiaSharp.Views.Blazor v2.88.6 Nuget Package](Workingwith_Blazor/NuGet_package_PPTXtoPDF.png) -N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. - -Step 5: Add the following ItemGroup tag in the **Blazor WASM csproj** file. - -{% tabs %} -{% highlight XAML %} - - - - - -{% endhighlight %} -{% endtabs %} - -N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. +N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components. +N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine. -Step 6: Enable the following property in the **Blazor WASM csproj** file. - -{% tabs %} -{% highlight XAML %} - - - true - - -{% endhighlight %} -{% endtabs %} - -Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file. +Step 5: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file. {% tabs %} {% highlight c# tabtitle="C#" %} @@ -245,7 +220,7 @@ Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder {% endhighlight %} {% endtabs %} -Step 8: Add the following code to create a new button. +Step 6: Add the following code to create a new button. {% tabs %} {% highlight CSHTML %} @@ -257,7 +232,7 @@ Step 8: Add the following code to create a new button. {% endhighlight %} {% endtabs %} -Step 9: Create a new async method with name as ``PPTXToPDF`` and include the following code snippet to **convert a PowerPoint to PDF in Blazor WASM app**. +Step 7: Create a new async method with name as ``PPTXToPDF`` and include the following code snippet to **convert a PowerPoint to PDF in Blazor WASM app**. {% tabs %} {% highlight c# tabtitle="C#" %} @@ -286,7 +261,7 @@ using (Stream inputStream = await client.GetStreamAsync("sample-data/Input.pptx" {% endhighlight %} {% endtabs %} -Step 10: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. +Step 8: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser. {% tabs %} {% highlight c# tabtitle="C#" %} @@ -303,7 +278,7 @@ public static class FileUtils {% endhighlight %} {% endtabs %} -Step 11: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``. +Step 9: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``. {% tabs %} {% highlight HTML %} diff --git a/File-Formats/Presentation/Workingwith_Blazor/NuGet_package_PPTXtoImage.png b/File-Formats/Presentation/Workingwith_Blazor/NuGet_package_PPTXtoImage.png new file mode 100644 index 000000000..db0348311 Binary files /dev/null and b/File-Formats/Presentation/Workingwith_Blazor/NuGet_package_PPTXtoImage.png differ diff --git a/File-Formats/Presentation/Workingwith_Blazor/NuGet_package_PPTXtoPDF.png b/File-Formats/Presentation/Workingwith_Blazor/NuGet_package_PPTXtoPDF.png new file mode 100644 index 000000000..d81b55b1d Binary files /dev/null and b/File-Formats/Presentation/Workingwith_Blazor/NuGet_package_PPTXtoPDF.png differ