diff --git a/File-Formats/DocIO/Working-With-Content-Controls.md b/File-Formats/DocIO/Working-With-Content-Controls.md
index 3d746e536..6ab0612b7 100644
--- a/File-Formats/DocIO/Working-With-Content-Controls.md
+++ b/File-Formats/DocIO/Working-With-Content-Controls.md
@@ -19,6 +19,9 @@ Content controls can be categorized based on its occurrence in a document as fol
* [InlineContentControl](https://help.syncfusion.com/cr/file-formats/Syncfusion.DocIO.DLS.InlineContentControl.html): Among inline content inside, as a child of a paragraph.
* [BlockContentControl](https://help.syncfusion.com/cr/file-formats/Syncfusion.DocIO.DLS.BlockContentControl.html): Among paragraphs and tables, as a child of a Body, HeaderFooter, Comment, Footnote, or a Shape node.
+To quickly start create and fill a form in Word document, please check out this video:
+{% youtube "https://www.youtube.com/watch?v=IbsRfsRoa2s" %}
+
### Block Content Control
You can add content control to a text body of the Word document using block content control. You can add text, tables, pictures, or other items into the block content control. Refer to the following code.
@@ -2594,4 +2597,4 @@ N> In the above-mentioned code samples, for Xamarin platforms the document is sa
## See Also
-* [How to remove the placeholder text if the meta property is empty in a Word document?](https://www.syncfusion.com/kb/13982/how-to-remove-the-placeholder-text-if-the-meta-property-is-empty-in-a-word-document)
\ No newline at end of file
+* [How to remove the placeholder text if the meta property is empty in a Word document?](https://www.syncfusion.com/kb/13982/how-to-remove-the-placeholder-text-if-the-meta-property-is-empty-in-a-word-document)
diff --git a/File-Formats/DocIO/Working-with-Table-Of-Contents.md b/File-Formats/DocIO/Working-with-Table-Of-Contents.md
index a7919a655..78304939c 100644
--- a/File-Formats/DocIO/Working-with-Table-Of-Contents.md
+++ b/File-Formats/DocIO/Working-with-Table-Of-Contents.md
@@ -50,6 +50,9 @@ Builds a table of contents from paragraphs formatted with specified styles other
+To quickly start create and update a table of contents in Word document, please check out this video:
+{% youtube "https://www.youtube.com/watch?v=rCtGrWuRplk" %}
+
## Adding a TOC field
The following code example shows how to add a table of contents (TOC) in Word document.
diff --git a/File-Formats/PDF/Convert-HTML-To-PDF/features.md b/File-Formats/PDF/Convert-HTML-To-PDF/features.md
index b0f5ae073..165e2f3d1 100644
--- a/File-Formats/PDF/Convert-HTML-To-PDF/features.md
+++ b/File-Formats/PDF/Convert-HTML-To-PDF/features.md
@@ -2079,4 +2079,57 @@ document.Close(True)
{% endtabs %}
-You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/HTML%20to%20PDF/Blink/Set_blink_path_in_HTML_to_PDF).
\ No newline at end of file
+You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/HTML%20to%20PDF/Blink/Set_blink_path_in_HTML_to_PDF).
+
+## Scale
+Resizing the HTML content within a PDF can be achieved through the utilization of the [Scale](https://help.syncfusion.com/cr/file-formats/Syncfusion.HtmlConverter.BlinkConverterSettings.html#Syncfusion_HtmlConverter_BlinkConverterSettings_Scale) property of Blink in HTML Converter.
+
+N> The scaling factor should be within the range of 0.1 to 2.0.
+
+Refer to the following code snippet to resize the page content size.
+
+{% tabs %}
+
+{% highlight c# tabtitle="C# [Cross-platform]" %}
+
+ //Initialize the HTML to PDF converter.
+ HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();
+ //Initialize the blink converter settings.
+ BlinkConverterSettings blinkConverterSettings = new BlinkConverterSettings();
+ //Set the Scale.
+ blinkConverterSettings.Scale = 1.0f;
+ //Assign the Blink converter settings to the HTML converter.
+ htmlConverter.ConverterSettings = blinkConverterSettings;
+ //Convert the URL to a PDF document.
+ PdfDocument document = htmlConverter.Convert("https://www.syncfusion.com");
+ //Create a file stream.
+ FileStream fileStream = new FileStream("HTMLtoPDF.pdf", FileMode.Create, FileAccess.ReadWrite);
+ //Save a PDF document to a file stream.
+ document.Save(fileStream);
+ //Close the document.
+ document.Close(true);
+
+{% endhighlight %}
+
+{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
+
+ 'Initialize the HTML to PDF converter.
+ Dim htmlConverter As New HtmlToPdfConverter()
+ 'Initialize the blink converter settings.
+ Dim blinkConverterSettings As New BlinkConverterSettings()
+ 'Set the Scale.
+ blinkConverterSettings.Scale = 1.0F
+ 'Assign the Blink converter settings to HTML converter.
+ htmlConverter.ConverterSettings = blinkConverterSettings
+ 'Convert the URL to a PDF document.
+ Dim document As PdfDocument = htmlConverter.Convert("https://www.syncfusion.com")
+ 'Save a PDF document to a file stream.
+ document.Save("HTMLtoPDF.pdf")
+ 'Close the document.
+ document.Close(True)
+
+{% endhighlight %}
+
+{% endtabs %}
+
+You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/HTML%20to%20PDF/Blink/HTML-to-PDF-scale-property).
\ No newline at end of file
diff --git a/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_Additional_Information.png b/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_Additional_Information.png
new file mode 100644
index 000000000..8e89f8a1d
Binary files /dev/null and b/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_Additional_Information.png differ
diff --git a/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_App.png b/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_App.png
new file mode 100644
index 000000000..5ce4a88f0
Binary files /dev/null and b/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_App.png differ
diff --git a/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_ProjectName.png b/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_ProjectName.png
new file mode 100644
index 000000000..d616c87c2
Binary files /dev/null and b/File-Formats/XlsIO/Blazor_images/Blazor_images_Server_Web_ProjectName.png differ
diff --git a/File-Formats/XlsIO/create-read-edit-excel-files-in-blazor-web-app.md b/File-Formats/XlsIO/create-read-edit-excel-files-in-blazor-web-app.md
new file mode 100644
index 000000000..d9fb60b61
--- /dev/null
+++ b/File-Formats/XlsIO/create-read-edit-excel-files-in-blazor-web-app.md
@@ -0,0 +1,404 @@
+---
+title: Create, read, and edit Excel files in Blazor Web App | Syncfusion
+description: Learn here how to create, read, and edit Excel files in Blazor web applications using Syncfusion Excel library.
+platform: file-formats
+control: XlsIO
+documentation: UG
+---
+# Create, read, and edit Excel files in Blazor Web App
+
+[Syncfusion Excel library for Blazor platform](https://www.syncfusion.com/document-processing/excel-framework/blazor/excel-library) can be used to create, read, edit Excel files. This also convert Excel files to PDF.
+
+## Create a simple Excel report in Blazor Server-Side Web application
+
+The below steps illustrates the creation of a simple Invoice formatted Excel document in Blazor Server-Side web application.
+
+Step 1: Create a new C# Blazor Web application project.
+
+
+
+Step 2: Name the project.
+
+
+
+Step 3: Select the framework and click Create button.
+
+
+
+Step 4: Install the [Syncfusion.XlsIO.Net.Core](https://www.nuget.org/packages/Syncfusion.XlsIO.Net.Core) NuGet package as reference to your Blazor web application from [NuGet.org](https://www.nuget.org).
+
+
+
+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 applications to use our components.
+
+Step 5: Create a razor file with name as ``Excel`` under ``Pages`` folder, which is located inside the ``Components`` folder and include the following namespaces in the file.
+
+{% capture codesnippet1 %}
+{% tabs %}
+{% highlight c# tabtitle="C#" %}
+@rendermode InteractiveServer
+@page "/excel"
+@using System.IO;
+@using Create_Excel;
+@inject Create_Excel.Components.Data.ExcelService service
+@inject Microsoft.JSInterop.IJSRuntime JS
+{% endhighlight %}
+{% endtabs %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
+
+Step 6: Add the following code to create a new button.
+
+{% capture codesnippet2 %}
+{% tabs %}
+{% highlight CSHTML %}
+
Syncfusion Excel library (Essential XlsIO)
+
Syncfusion Excel library (Essential XlsIO) is a Blazor Excel library used to create, read, edit, and convert Excel files in your applications without Microsoft Office dependencies.
+
+{% endhighlight %}
+{% endtabs %}
+{% endcapture %}
+{{ codesnippet2 | OrderList_Indent_Level_1 }}
+
+Step 7: Add the following code in ``Excel.razor`` file to create and download the Excel document.
+{% capture codesnippet3 %}
+{% tabs %}
+{% highlight c# tabtitle="C#" %}
+@code {
+ MemoryStream excelStream;
+
+ ///
+ /// Create and download the Excel document
+ ///
+ protected async void CreateDocument()
+ {
+ excelStream = service.CreateExcel();
+ await JS.SaveAs("Sample.xlsx", excelStream.ToArray());
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+{% endcapture %}
+{{ codesnippet3 | OrderList_Indent_Level_1 }}
+
+Step 8: Create a new cs file with name as ``ExcelService`` under ``Data`` folder and include the following namespaces in the file.
+
+{% capture codesnippet4 %}
+{% tabs %}
+{% highlight c# tabtitle="C#" %}
+using Syncfusion.XlsIO;
+using Syncfusion.Drawing;
+using System.IO;
+{% endhighlight %}
+{% endtabs %}
+{% endcapture %}
+{{ codesnippet4 | OrderList_Indent_Level_1 }}
+
+Step 9: Create a new MemoryStream method with name as ``CreateExcel`` and include the following code snippet to create a simple Invoice formatted Excel document in Blazor Server-Side web application.
+{% capture codesnippet5 %}
+{% tabs %}
+{% highlight c# tabtitle="C#" %}
+//Create an instance of ExcelEngine
+using (ExcelEngine excelEngine = new ExcelEngine())
+{
+ IApplication application = excelEngine.Excel;
+ application.DefaultVersion = ExcelVersion.Xlsx;
+
+ //Create a workbook
+ IWorkbook workbook = application.Workbooks.Create(1);
+ IWorksheet worksheet = workbook.Worksheets[0];
+
+ //Add a picture
+ FileStream imageStream = new FileStream("AdventureCycle.png", FileMode.Open);
+ Image image = Image.FromStream(imageStream);
+ IPictureShape shape = worksheet.Pictures.AddPicture(1, 1, image, 20, 20);
+
+ //Disable gridlines in the worksheet
+ worksheet.IsGridLinesVisible = false;
+
+ //Enter values to the cells from A3 to A5
+ worksheet.Range["A3"].Text = "46036 Michigan Ave";
+ worksheet.Range["A4"].Text = "Canton, USA";
+ worksheet.Range["A5"].Text = "Phone: +1 231-231-2310";
+
+ //Make the text bold
+ worksheet.Range["A3:A5"].CellStyle.Font.Bold = true;
+
+ //Merge cells
+ worksheet.Range["D1:E1"].Merge();
+
+ //Enter text to the cell D1 and apply formatting
+ worksheet.Range["D1"].Text = "INVOICE";
+ worksheet.Range["D1"].CellStyle.Font.Bold = true;
+ worksheet.Range["D1"].CellStyle.Font.RGBColor = Color.FromArgb(42, 118, 189);
+ worksheet.Range["D1"].CellStyle.Font.Size = 35;
+
+ //Apply alignment in the cell D1
+ worksheet.Range["D1"].CellStyle.HorizontalAlignment = ExcelHAlign.HAlignRight;
+ worksheet.Range["D1"].CellStyle.VerticalAlignment = ExcelVAlign.VAlignTop;
+
+ //Enter values to the cells from D5 to E8
+ worksheet.Range["D5"].Text = "INVOICE#";
+ worksheet.Range["E5"].Text = "DATE";
+ worksheet.Range["D6"].Number = 1028;
+ worksheet.Range["E6"].Value = "12/31/2018";
+ worksheet.Range["D7"].Text = "CUSTOMER ID";
+ worksheet.Range["E7"].Text = "TERMS";
+ worksheet.Range["D8"].Number = 564;
+ worksheet.Range["E8"].Text = "Due Upon Receipt";
+
+ //Apply RGB backcolor to the cells from D5 to E8
+ worksheet.Range["D5:E5"].CellStyle.Color = Color.FromArgb(42, 118, 189);
+ worksheet.Range["D7:E7"].CellStyle.Color = Color.FromArgb(42, 118, 189);
+
+ //Apply known colors to the text in cells D5 to E8
+ worksheet.Range["D5:E5"].CellStyle.Font.Color = ExcelKnownColors.White;
+ worksheet.Range["D7:E7"].CellStyle.Font.Color = ExcelKnownColors.White;
+
+ //Make the text as bold from D5 to E8
+ worksheet.Range["D5:E8"].CellStyle.Font.Bold = true;
+
+ //Apply alignment to the cells from D5 to E8
+ worksheet.Range["D5:E8"].CellStyle.HorizontalAlignment = ExcelHAlign.HAlignCenter;
+ worksheet.Range["D5:E5"].CellStyle.VerticalAlignment = ExcelVAlign.VAlignCenter;
+ worksheet.Range["D7:E7"].CellStyle.VerticalAlignment = ExcelVAlign.VAlignCenter;
+ worksheet.Range["D6:E6"].CellStyle.VerticalAlignment = ExcelVAlign.VAlignTop;
+
+ //Enter value and applying formatting in the cell A7
+ worksheet.Range["A7"].Text = " BILL TO";
+ worksheet.Range["A7"].CellStyle.Color = Color.FromArgb(42, 118, 189);
+ worksheet.Range["A7"].CellStyle.Font.Bold = true;
+ worksheet.Range["A7"].CellStyle.Font.Color = ExcelKnownColors.White;
+
+ //Apply alignment
+ worksheet.Range["A7"].CellStyle.HorizontalAlignment = ExcelHAlign.HAlignLeft;
+ worksheet.Range["A7"].CellStyle.VerticalAlignment = ExcelVAlign.VAlignCenter;
+
+ //Enter values in the cells A8 to A12
+ worksheet.Range["A8"].Text = "Steyn";
+ worksheet.Range["A9"].Text = "Great Lakes Food Market";
+ worksheet.Range["A10"].Text = "20 Whitehall Rd";
+ worksheet.Range["A11"].Text = "North Muskegon,USA";
+ worksheet.Range["A12"].Text = "+1 231-654-0000";
+
+ //Create a Hyperlink for e-mail in the cell A13
+ IHyperLink hyperlink = worksheet.HyperLinks.Add(worksheet.Range["A13"]);
+ hyperlink.Type = ExcelHyperLinkType.Url;
+ hyperlink.Address = "Steyn@greatlakes.com";
+ hyperlink.ScreenTip = "Send Mail";
+
+ //Merge column A and B from row 15 to 22
+ worksheet.Range["A15:B15"].Merge();
+ worksheet.Range["A16:B16"].Merge();
+ worksheet.Range["A17:B17"].Merge();
+ worksheet.Range["A18:B18"].Merge();
+ worksheet.Range["A19:B19"].Merge();
+ worksheet.Range["A20:B20"].Merge();
+ worksheet.Range["A21:B21"].Merge();
+ worksheet.Range["A22:B22"].Merge();
+
+ //Enter details of products and prices
+ worksheet.Range["A15"].Text = " DESCRIPTION";
+ worksheet.Range["C15"].Text = "QTY";
+ worksheet.Range["D15"].Text = "UNIT PRICE";
+ worksheet.Range["E15"].Text = "AMOUNT";
+ worksheet.Range["A16"].Text = "Cabrales Cheese";
+ worksheet.Range["A17"].Text = "Chocos";
+ worksheet.Range["A18"].Text = "Pasta";
+ worksheet.Range["A19"].Text = "Cereals";
+ worksheet.Range["A20"].Text = "Ice Cream";
+ worksheet.Range["C16"].Number = 3;
+ worksheet.Range["C17"].Number = 2;
+ worksheet.Range["C18"].Number = 1;
+ worksheet.Range["C19"].Number = 4;
+ worksheet.Range["C20"].Number = 3;
+ worksheet.Range["D16"].Number = 21;
+ worksheet.Range["D17"].Number = 54;
+ worksheet.Range["D18"].Number = 10;
+ worksheet.Range["D19"].Number = 20;
+ worksheet.Range["D20"].Number = 30;
+ worksheet.Range["D23"].Text = "Total";
+
+ //Apply number format
+ worksheet.Range["D16:E22"].NumberFormat = "$.00";
+ worksheet.Range["E23"].NumberFormat = "$.00";
+
+ //Apply incremental formula for column Amount by multiplying Qty and UnitPrice
+ application.EnableIncrementalFormula = true;
+ worksheet.Range["E16:E20"].Formula = "=C16*D16";
+
+ //Formula for Sum the total
+ worksheet.Range["E23"].Formula = "=SUM(E16:E22)";
+
+ //Apply borders
+ worksheet.Range["A16:E22"].CellStyle.Borders[ExcelBordersIndex.EdgeTop].LineStyle = ExcelLineStyle.Thin;
+ worksheet.Range["A16:E22"].CellStyle.Borders[ExcelBordersIndex.EdgeBottom].LineStyle = ExcelLineStyle.Thin;
+ worksheet.Range["A16:E22"].CellStyle.Borders[ExcelBordersIndex.EdgeTop].Color = ExcelKnownColors.Grey_25_percent;
+ worksheet.Range["A16:E22"].CellStyle.Borders[ExcelBordersIndex.EdgeBottom].Color = ExcelKnownColors.Grey_25_percent;
+ worksheet.Range["A23:E23"].CellStyle.Borders[ExcelBordersIndex.EdgeTop].LineStyle = ExcelLineStyle.Thin;
+ worksheet.Range["A23:E23"].CellStyle.Borders[ExcelBordersIndex.EdgeBottom].LineStyle = ExcelLineStyle.Thin;
+ worksheet.Range["A23:E23"].CellStyle.Borders[ExcelBordersIndex.EdgeTop].Color = ExcelKnownColors.Black;
+ worksheet.Range["A23:E23"].CellStyle.Borders[ExcelBordersIndex.EdgeBottom].Color = ExcelKnownColors.Black;
+
+ //Apply font setting for cells with product details
+ worksheet.Range["A3:E23"].CellStyle.Font.FontName = "Arial";
+ worksheet.Range["A3:E23"].CellStyle.Font.Size = 10;
+ worksheet.Range["A15:E15"].CellStyle.Font.Color = ExcelKnownColors.White;
+ worksheet.Range["A15:E15"].CellStyle.Font.Bold = true;
+ worksheet.Range["D23:E23"].CellStyle.Font.Bold = true;
+
+ //Apply cell color
+ worksheet.Range["A15:E15"].CellStyle.Color = Color.FromArgb(42, 118, 189);
+
+ //Apply alignment to cells with product details
+ worksheet.Range["A15"].CellStyle.HorizontalAlignment = ExcelHAlign.HAlignLeft;
+ worksheet.Range["C15:C22"].CellStyle.HorizontalAlignment = ExcelHAlign.HAlignCenter;
+ worksheet.Range["D15:E15"].CellStyle.HorizontalAlignment = ExcelHAlign.HAlignCenter;
+
+ //Apply row height and column width to look good
+ worksheet.Range["A1"].ColumnWidth = 36;
+ worksheet.Range["B1"].ColumnWidth = 11;
+ worksheet.Range["C1"].ColumnWidth = 8;
+ worksheet.Range["D1:E1"].ColumnWidth = 18;
+ worksheet.Range["A1"].RowHeight = 47;
+ worksheet.Range["A2"].RowHeight = 15;
+ worksheet.Range["A3:A4"].RowHeight = 15;
+ worksheet.Range["A5"].RowHeight = 18;
+ worksheet.Range["A6"].RowHeight = 29;
+ worksheet.Range["A7"].RowHeight = 18;
+ worksheet.Range["A8"].RowHeight = 15;
+ worksheet.Range["A9:A14"].RowHeight = 15;
+ worksheet.Range["A15:A23"].RowHeight = 18;
+
+ //Save the document as a stream and retrun the stream.
+ using (MemoryStream stream = new MemoryStream())
+ {
+ //Save the created Excel document to MemoryStream
+ workbook.SaveAs(stream);
+ return stream;
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+{% endcapture %}
+{{ codesnippet5 | OrderList_Indent_Level_1 }}
+
+Step 10: Create a new class file in the project, with name as ``FileUtils`` and add the following code to invoke the JavaScript action for downloading the file in browser.
+
+{% capture codesnippet6 %}
+{% tabs %}
+{% highlight c# tabtitle="C#" %}
+public static class FileUtils
+{
+ public static ValueTask