From 6fa5f2993371fcdb6fc6c56883b8d28842093589 Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 17 Dec 2025 12:52:35 +0530 Subject: [PATCH 001/122] 991263-FirstUsedCellUG --- ...in-the-used-range-in-an-Excel-worksheet.md | 89 +++++++++++++++++++ 1 file changed, 89 insertions(+) create mode 100644 Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md new file mode 100644 index 000000000..34a06dc90 --- /dev/null +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md @@ -0,0 +1,89 @@ +--- +title: Retrieve the first cell in the used range in an Excel worksheet | Syncfusion +description: Code example to retrieve the first cell in the used range in an Excel worksheet using Syncfusion .NET Excel library (XlsIO). +platform: document-processing +control: XlsIO +documentation: UG +--- + +# How to retrieve the first cell in the used range in an Excel worksheet? + +The following code examples demonstrate retrieving the first cell in the used range of an Excel worksheet using C# (Cross-platform and Windows-specific) and VB.NET. + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/FAQ/First%20used%20cell%20in%20used%20range/.NET/FirstUsedCellInUsedRange/FirstUsedCellInUsedRange/Program.cs,180" %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open(Path.GetFullPath(@"Data/Input.xlsx")); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Get the used range of the worksheet + IRange usedRange = worksheet.UsedRange; + + //Get the first cell from the used range + IRange firstCell = worksheet.Range[usedRange.Row, usedRange.Column]; + + //Get the address of the first cell + string firstCellAddress = firstCell.AddressLocal; + + //Display the address of the first cell + Console.WriteLine("The address of the first used cell in used range is: " + firstCellAddress); + + //Save the workbook + workbook.SaveAs(Path.GetFullPath(@"Output/Output.xlsx")); +} +{% endhighlight %} + +{% highlight c# tabtitle="C# [Windows-specific]" %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("Input.xlsx"); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Get the used range of the worksheet + IRange usedRange = worksheet.UsedRange; + + //Get the first cell from the used range + IRange firstCell = worksheet.Range[usedRange.Row, usedRange.Column]; + + //Get the address of the first cell + string firstCellAddress = firstCell.AddressLocal; + + //Display the address of the first cell + Console.WriteLine("The address of the first used cell in used range is: " + firstCellAddress); + + //Save the workbook + workbook.SaveAs("Output.xlsx"); +} +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +Using excelEngine As New ExcelEngine() + Dim application As IApplication = excelEngine.Excel + application.DefaultVersion = ExcelVersion.Xlsx + Dim workbook As IWorkbook = application.Workbooks.Open("Input.xlsx") + Dim worksheet As IWorksheet = workbook.Worksheets(0) + + 'Get the used range of the worksheet + Dim usedRange As IRange = worksheet.UsedRange + + 'Get the first cell from the used range + Dim firstCell As IRange = worksheet.Range(usedRange.Row, usedRange.Column) + + 'Get the address of the first cell + Dim firstCellAddress As String = firstCell.AddressLocal + + 'Display the address of the first cell + Console.WriteLine("The address of the first used cell in used range is: " & firstCellAddress) + + 'Save the workbook + workbook.SaveAs("Output.xlsx") +End Using +{% endhighlight %} +{% endtabs %} + +A complete working example in C# is present on this GitHub page. \ No newline at end of file From 6db61631d4ae1e38441c3f6918461efe89ba9569 Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Wed, 17 Dec 2025 13:18:51 +0530 Subject: [PATCH 002/122] 991692-Sunburst --- Document-Processing-toc.html | 3 + ...or-the-dynamic-series-in-sunburst-chart.md | 188 ++++++++++++++++++ 2 files changed, 191 insertions(+) create mode 100644 Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 7a962e72e..c1321ded3 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -6086,6 +6086,9 @@
  • How to set the first item in a list as the default value in an Excel?
    • +
  • + How to set colors for dynamic series in a Sunburst chart? +
    • diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md new file mode 100644 index 000000000..be05ab3db --- /dev/null +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md @@ -0,0 +1,188 @@ +--- +title: How to set the color for the dynamic series in sunburst chart| Syncfusion +description: Learn how to apply custom colors to each data point in a Sunburst chart dynamically with the Syncfusion .NET Excel library (XlsIO) using C# and VB.NET. +platform: document-processing +control: XlsIO +documentation: UG +--- + +# How to set colors for dynamic series in a Sunburst chart? + +The examples below show how to assign custom colors to each data point in a Sunburst chart with Syncfusion XlsIO. Code is provided for C# (cross-platform and Windows-specific) and VB.NET. + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" +{% endhighlight %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../../Data/Input.xlsx"); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Initialize chart + IChartShape chart = worksheet.Charts.Add(); + chart.ChartType = ExcelChartType.SunBurst; + + //Assign data + chart.DataRange = worksheet["A1:B13"]; + chart.IsSeriesInRows = false; + + //Apply chart elements + //Set Chart Title + chart.ChartTitle = "Transfer Summary"; + + //Set Datalabels + IChartSerie serie1 = chart.Series[0]; + serie1.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; + serie1.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; + + Color[] seriecolor = new Color[12]; + seriecolor[0] = Color.FromArgb(253, 182, 33); + seriecolor[1] = Color.FromArgb(18, 151, 243); + seriecolor[2] = Color.FromArgb(38, 7, 142); + seriecolor[3] = Color.FromArgb(5, 60, 122); + seriecolor[4] = Color.FromArgb(180, 70, 243); + seriecolor[5] = Color.FromArgb(53, 12, 133); + seriecolor[6] = Color.FromArgb(108, 11, 23); + seriecolor[7] = Color.FromArgb(200, 70, 112); + seriecolor[8] = Color.FromArgb(125, 200, 12); + seriecolor[9] = Color.FromArgb(10, 150, 43); + seriecolor[10] = Color.FromArgb(150, 82, 133); + seriecolor[11] = Color.FromArgb(98, 15, 103); + + for (int i = 0; i < (serie1 as ChartSerieImpl).PointNumber; i++) + { + serie1.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriecolor[i]; + } + + //Set Legend + chart.HasLegend = true; + + //Positioning the chart in the worksheet + chart.TopRow = 8; + chart.LeftColumn = 1; + chart.BottomRow = 23; + chart.RightColumn = 8; + + //Saving the workbook + workbook.SaveAs("../../../Output/SunBurst.xlsx"); +} +{% highlight c# tabtitle="C# [Windows-specific]" %} + using (ExcelEngine excelEngine = new ExcelEngine()) + { + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../Data/Input.xlsx"); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Initialize chart + IChartShape chart = worksheet.Charts.Add(); + chart.ChartType = ExcelChartType.SunBurst; + + //Assign data + chart.DataRange = worksheet["A1:B13"]; + chart.IsSeriesInRows = false; + + //Apply chart elements + //Set Chart Title + chart.ChartTitle = "Transfer Summary"; + + //Set Datalabels + IChartSerie serie1 = chart.Series[0]; + serie1.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; + serie1.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; + + Color[] seriecolor = new Color[12]; + seriecolor[0] = Color.FromArgb(253, 182, 33); + seriecolor[1] = Color.FromArgb(18, 151, 243); + seriecolor[2] = Color.FromArgb(38, 7, 142); + seriecolor[3] = Color.FromArgb(5, 60, 122); + seriecolor[4] = Color.FromArgb(180, 70, 243); + seriecolor[5] = Color.FromArgb(53, 12, 133); + seriecolor[6] = Color.FromArgb(108, 11, 23); + seriecolor[7] = Color.FromArgb(200, 70, 112); + seriecolor[8] = Color.FromArgb(125, 200, 12); + seriecolor[9] = Color.FromArgb(10, 150, 43); + seriecolor[10] = Color.FromArgb(150, 82, 133); + seriecolor[11] = Color.FromArgb(98, 15, 103); + + for (int i = 0; i < (serie1 as ChartSerieImpl).PointNumber; i++) + { + serie1.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriecolor[i]; + } + + //Set Legend + chart.HasLegend = true; + + //Positioning the chart in the worksheet + chart.TopRow = 8; + chart.LeftColumn = 1; + chart.BottomRow = 23; + chart.RightColumn = 8; + + //Saving and closing the workbook + workbook.SaveAs("../../Output/SunBurst.xlsx"); + } +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +Using excelEngine As New ExcelEngine() + + Dim application As IApplication = excelEngine.Excel + application.DefaultVersion = ExcelVersion.Xlsx + + 'Open existing workbook with data + Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx") + Dim worksheet As IWorksheet = workbook.Worksheets(0) + + 'Create and configure Sunburst chart + Dim chart As IChartShape = worksheet.Charts.Add() + chart.ChartType = ExcelChartType.SunBurst + + 'Assign data + chart.DataRange = worksheet("A1:B13") + chart.IsSeriesInRows = False + + 'Chart Title + chart.ChartTitle = "Transfer Summary" + + 'Data labels (show value only) + Dim serie1 As IChartSerie = chart.Series(0) + serie1.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = False + serie1.DataPoints.DefaultDataPoint.DataLabels.IsValue = True + + 'Custom colors for each data point + Dim serieColor(11) As Color + serieColor(0) = Color.FromArgb(253, 182, 33) + serieColor(1) = Color.FromArgb(18, 151, 243) + serieColor(2) = Color.FromArgb(38, 7, 142) + serieColor(3) = Color.FromArgb(5, 60, 122) + serieColor(4) = Color.FromArgb(180, 70, 243) + serieColor(5) = Color.FromArgb(53, 12, 133) + serieColor(6) = Color.FromArgb(108, 11, 23) + serieColor(7) = Color.FromArgb(200, 70, 112) + serieColor(8) = Color.FromArgb(125, 200, 12) + serieColor(9) = Color.FromArgb(10, 150, 43) + serieColor(10) = Color.FromArgb(150, 82, 133) + serieColor(11) = Color.FromArgb(98, 15, 103) + + For i As Integer = 0 To CType(serie1, ChartSerieImpl).PointNumber - 1 + serie1.DataPoints(i).DataFormat.AreaProperties.ForegroundColor = serieColor(i) + Next + + 'Legend + chart.HasLegend = True + + 'Position the chart in the worksheet + chart.TopRow = 8 + chart.LeftColumn = 1 + chart.BottomRow = 23 + chart.RightColumn = 8 + + 'Save and close + workbook.SaveAs("../../Output/SunBurst.xlsx") + +End Using +{% endhighlight %} +{% endtabs %} \ No newline at end of file From d24af6af7be0b42e0dbffabc7f3f0b45ebf3cd39 Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 17 Dec 2025 13:50:32 +0530 Subject: [PATCH 003/122] 991263-FirstUsedCellUG --- ...-to-retrieve-the-first-cell-in-the-used-range-in-Excel.md} | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) rename Document-Processing/Excel/Excel-Library/NET/faqs/{how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md => how-to-retrieve-the-first-cell-in-the-used-range-in-Excel.md} (95%) diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-Excel.md similarity index 95% rename from Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md rename to Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-Excel.md index 34a06dc90..1315eb382 100644 --- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-an-Excel-worksheet.md +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-retrieve-the-first-cell-in-the-used-range-in-Excel.md @@ -1,12 +1,12 @@ --- -title: Retrieve the first cell in the used range in an Excel worksheet | Syncfusion +title: Retrieve the first cell in the used range in Excel | Syncfusion description: Code example to retrieve the first cell in the used range in an Excel worksheet using Syncfusion .NET Excel library (XlsIO). platform: document-processing control: XlsIO documentation: UG --- -# How to retrieve the first cell in the used range in an Excel worksheet? +# How to retrieve the first cell in the used range in Excel? The following code examples demonstrate retrieving the first cell in the used range of an Excel worksheet using C# (Cross-platform and Windows-specific) and VB.NET. From 1b65f4f1368d455eff07cf36ea796268122a2a57 Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 17 Dec 2025 14:09:47 +0530 Subject: [PATCH 004/122] Dec2SprintNavigationLink --- Document-Processing-toc.html | 3 +++ 1 file changed, 3 insertions(+) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 7a962e72e..cf5620176 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -6086,6 +6086,9 @@
  • How to set the first item in a list as the default value in an Excel?
    • +
  • + How to retrieve the first cell in the used range in Excel? +
    • From 86a56ac635d0d27b8eea5b76cdd4938dca43f18e Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Wed, 17 Dec 2025 17:48:30 +0530 Subject: [PATCH 005/122] 991692-Sunburst --- ...or-the-dynamic-series-in-sunburst-chart.md | 211 +++++++++--------- 1 file changed, 104 insertions(+), 107 deletions(-) diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md index be05ab3db..0e675ce56 100644 --- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md @@ -11,7 +11,7 @@ documentation: UG The examples below show how to assign custom colors to each data point in a Sunburst chart with Syncfusion XlsIO. Code is provided for C# (cross-platform and Windows-specific) and VB.NET. {% tabs %} -{% highlight c# tabtitle="C# [Cross-platform]" +{% highlight c# tabtitle="C# [Cross-platform]" %} {% endhighlight %} using (ExcelEngine excelEngine = new ExcelEngine()) { @@ -32,28 +32,28 @@ using (ExcelEngine excelEngine = new ExcelEngine()) //Set Chart Title chart.ChartTitle = "Transfer Summary"; - //Set Datalabels - IChartSerie serie1 = chart.Series[0]; - serie1.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; - serie1.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; - - Color[] seriecolor = new Color[12]; - seriecolor[0] = Color.FromArgb(253, 182, 33); - seriecolor[1] = Color.FromArgb(18, 151, 243); - seriecolor[2] = Color.FromArgb(38, 7, 142); - seriecolor[3] = Color.FromArgb(5, 60, 122); - seriecolor[4] = Color.FromArgb(180, 70, 243); - seriecolor[5] = Color.FromArgb(53, 12, 133); - seriecolor[6] = Color.FromArgb(108, 11, 23); - seriecolor[7] = Color.FromArgb(200, 70, 112); - seriecolor[8] = Color.FromArgb(125, 200, 12); - seriecolor[9] = Color.FromArgb(10, 150, 43); - seriecolor[10] = Color.FromArgb(150, 82, 133); - seriecolor[11] = Color.FromArgb(98, 15, 103); - - for (int i = 0; i < (serie1 as ChartSerieImpl).PointNumber; i++) + //Set Data labels + IChartSerie series = chart.Series[0]; + series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; + series.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; + + Color[] seriescolor = new Color[12]; + seriescolor[0] = Color.FromArgb(253, 182, 33); + seriescolor[1] = Color.FromArgb(18, 151, 243); + seriescolor[2] = Color.FromArgb(38, 7, 142); + seriescolor[3] = Color.FromArgb(5, 60, 122); + seriescolor[4] = Color.FromArgb(180, 70, 243); + seriescolor[5] = Color.FromArgb(53, 12, 133); + seriescolor[6] = Color.FromArgb(108, 11, 23); + seriescolor[7] = Color.FromArgb(200, 70, 112); + seriescolor[8] = Color.FromArgb(125, 200, 12); + seriescolor[9] = Color.FromArgb(10, 150, 43); + seriescolor[10] = Color.FromArgb(150, 82, 133); + seriescolor[11] = Color.FromArgb(98, 15, 103); + + for (int i = 0; i < (series as ChartSerieImpl).PointNumber; i++) { - serie1.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriecolor[i]; + series.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriescolor[i]; } //Set Legend @@ -69,74 +69,72 @@ using (ExcelEngine excelEngine = new ExcelEngine()) workbook.SaveAs("../../../Output/SunBurst.xlsx"); } {% highlight c# tabtitle="C# [Windows-specific]" %} - using (ExcelEngine excelEngine = new ExcelEngine()) - { - IApplication application = excelEngine.Excel; - application.DefaultVersion = ExcelVersion.Xlsx; - IWorkbook workbook = application.Workbooks.Open("../../Data/Input.xlsx"); - IWorksheet worksheet = workbook.Worksheets[0]; - - //Initialize chart - IChartShape chart = worksheet.Charts.Add(); - chart.ChartType = ExcelChartType.SunBurst; - - //Assign data - chart.DataRange = worksheet["A1:B13"]; - chart.IsSeriesInRows = false; - - //Apply chart elements - //Set Chart Title - chart.ChartTitle = "Transfer Summary"; - - //Set Datalabels - IChartSerie serie1 = chart.Series[0]; - serie1.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; - serie1.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; - - Color[] seriecolor = new Color[12]; - seriecolor[0] = Color.FromArgb(253, 182, 33); - seriecolor[1] = Color.FromArgb(18, 151, 243); - seriecolor[2] = Color.FromArgb(38, 7, 142); - seriecolor[3] = Color.FromArgb(5, 60, 122); - seriecolor[4] = Color.FromArgb(180, 70, 243); - seriecolor[5] = Color.FromArgb(53, 12, 133); - seriecolor[6] = Color.FromArgb(108, 11, 23); - seriecolor[7] = Color.FromArgb(200, 70, 112); - seriecolor[8] = Color.FromArgb(125, 200, 12); - seriecolor[9] = Color.FromArgb(10, 150, 43); - seriecolor[10] = Color.FromArgb(150, 82, 133); - seriecolor[11] = Color.FromArgb(98, 15, 103); - - for (int i = 0; i < (serie1 as ChartSerieImpl).PointNumber; i++) - { - serie1.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriecolor[i]; - } - - //Set Legend - chart.HasLegend = true; - - //Positioning the chart in the worksheet - chart.TopRow = 8; - chart.LeftColumn = 1; - chart.BottomRow = 23; - chart.RightColumn = 8; - - //Saving and closing the workbook - workbook.SaveAs("../../Output/SunBurst.xlsx"); - } +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../Data/Input.xlsx"); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Initialize chart + IChartShape chart = worksheet.Charts.Add(); + chart.ChartType = ExcelChartType.SunBurst; + + //Assign data + chart.DataRange = worksheet["A1:B13"]; + chart.IsSeriesInRows = false; + + //Apply chart elements + //Set Chart Title + chart.ChartTitle = "Transfer Summary"; + + //Set Data labels + IChartSerie series = chart.Series[0]; + series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; + series.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; + + Color[] seriescolor = new Color[12]; + seriescolor[0] = Color.FromArgb(253, 182, 33); + seriescolor[1] = Color.FromArgb(18, 151, 243); + seriescolor[2] = Color.FromArgb(38, 7, 142); + seriescolor[3] = Color.FromArgb(5, 60, 122); + seriescolor[4] = Color.FromArgb(180, 70, 243); + seriescolor[5] = Color.FromArgb(53, 12, 133); + seriescolor[6] = Color.FromArgb(108, 11, 23); + seriescolor[7] = Color.FromArgb(200, 70, 112); + seriescolor[8] = Color.FromArgb(125, 200, 12); + seriescolor[9] = Color.FromArgb(10, 150, 43); + seriescolor[10] = Color.FromArgb(150, 82, 133); + seriescolor[11] = Color.FromArgb(98, 15, 103); + + for (int i = 0; i < (series as ChartSerieImpl).PointNumber; i++) + { + series.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriescolor[i]; + } + + //Set Legend + chart.HasLegend = true; + + //Positioning the chart in the worksheet + chart.TopRow = 8; + chart.LeftColumn = 1; + chart.BottomRow = 23; + chart.RightColumn = 8; + + //Saving the workbook + workbook.SaveAs("../../Output/SunBurst.xlsx"); +} {% endhighlight %} {% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} Using excelEngine As New ExcelEngine() - Dim application As IApplication = excelEngine.Excel application.DefaultVersion = ExcelVersion.Xlsx - 'Open existing workbook with data Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx") Dim worksheet As IWorksheet = workbook.Worksheets(0) - 'Create and configure Sunburst chart + 'Initialize chart Dim chart As IChartShape = worksheet.Charts.Add() chart.ChartType = ExcelChartType.SunBurst @@ -144,45 +142,44 @@ Using excelEngine As New ExcelEngine() chart.DataRange = worksheet("A1:B13") chart.IsSeriesInRows = False - 'Chart Title + 'Apply chart elements + 'Set Chart Title chart.ChartTitle = "Transfer Summary" - 'Data labels (show value only) - Dim serie1 As IChartSerie = chart.Series(0) - serie1.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = False - serie1.DataPoints.DefaultDataPoint.DataLabels.IsValue = True - - 'Custom colors for each data point - Dim serieColor(11) As Color - serieColor(0) = Color.FromArgb(253, 182, 33) - serieColor(1) = Color.FromArgb(18, 151, 243) - serieColor(2) = Color.FromArgb(38, 7, 142) - serieColor(3) = Color.FromArgb(5, 60, 122) - serieColor(4) = Color.FromArgb(180, 70, 243) - serieColor(5) = Color.FromArgb(53, 12, 133) - serieColor(6) = Color.FromArgb(108, 11, 23) - serieColor(7) = Color.FromArgb(200, 70, 112) - serieColor(8) = Color.FromArgb(125, 200, 12) - serieColor(9) = Color.FromArgb(10, 150, 43) - serieColor(10) = Color.FromArgb(150, 82, 133) - serieColor(11) = Color.FromArgb(98, 15, 103) - - For i As Integer = 0 To CType(serie1, ChartSerieImpl).PointNumber - 1 - serie1.DataPoints(i).DataFormat.AreaProperties.ForegroundColor = serieColor(i) + 'Set Data labels + Dim series As IChartSerie = chart.Series(0) + series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = False + series.DataPoints.DefaultDataPoint.DataLabels.IsValue = True + + Dim seriescolor(11) As Color + seriescolor(0) = Color.FromArgb(253, 182, 33) + seriescolor(1) = Color.FromArgb(18, 151, 243) + seriescolor(2) = Color.FromArgb(38, 7, 142) + seriescolor(3) = Color.FromArgb(5, 60, 122) + seriescolor(4) = Color.FromArgb(180, 70, 243) + seriescolor(5) = Color.FromArgb(53, 12, 133) + seriescolor(6) = Color.FromArgb(108, 11, 23) + seriescolor(7) = Color.FromArgb(200, 70, 112) + seriescolor(8) = Color.FromArgb(125, 200, 12) + seriescolor(9) = Color.FromArgb(10, 150, 43) + seriescolor(10) = Color.FromArgb(150, 82, 133) + seriescolor(11) = Color.FromArgb(98, 15, 103) + + For i As Integer = 0 To CType(series, ChartSerieImpl).PointNumber - 1 + series.DataPoints(i).DataFormat.AreaProperties.ForegroundColor = seriescolor(i) Next - 'Legend + 'Set Legend chart.HasLegend = True - 'Position the chart in the worksheet + 'Positioning the chart in the worksheet chart.TopRow = 8 chart.LeftColumn = 1 chart.BottomRow = 23 chart.RightColumn = 8 - 'Save and close + 'Saving and closing the workbook workbook.SaveAs("../../Output/SunBurst.xlsx") - End Using {% endhighlight %} {% endtabs %} \ No newline at end of file From ad401962fe331cae55aa5581c8cedb58627fd5d9 Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Wed, 17 Dec 2025 18:17:36 +0530 Subject: [PATCH 006/122] 991692-Sunburst --- ...or-the-dynamic-series-in-sunburst-chart.md | 166 +++++++++--------- 1 file changed, 83 insertions(+), 83 deletions(-) diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md index 0e675ce56..ac7975eee 100644 --- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-set-the-color-for-the-dynamic-series-in-sunburst-chart.md @@ -1,5 +1,5 @@ --- -title: How to set the color for the dynamic series in sunburst chart| Syncfusion +title: Set Dynamic Series Colors in a Sunburst Chart | Syncfusion description: Learn how to apply custom colors to each data point in a Sunburst chart dynamically with the Syncfusion .NET Excel library (XlsIO) using C# and VB.NET. platform: document-processing control: XlsIO @@ -37,23 +37,23 @@ using (ExcelEngine excelEngine = new ExcelEngine()) series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; series.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; - Color[] seriescolor = new Color[12]; - seriescolor[0] = Color.FromArgb(253, 182, 33); - seriescolor[1] = Color.FromArgb(18, 151, 243); - seriescolor[2] = Color.FromArgb(38, 7, 142); - seriescolor[3] = Color.FromArgb(5, 60, 122); - seriescolor[4] = Color.FromArgb(180, 70, 243); - seriescolor[5] = Color.FromArgb(53, 12, 133); - seriescolor[6] = Color.FromArgb(108, 11, 23); - seriescolor[7] = Color.FromArgb(200, 70, 112); - seriescolor[8] = Color.FromArgb(125, 200, 12); - seriescolor[9] = Color.FromArgb(10, 150, 43); - seriescolor[10] = Color.FromArgb(150, 82, 133); - seriescolor[11] = Color.FromArgb(98, 15, 103); + Color[] series_color = new Color[12]; + series_color[0] = Color.FromArgb(253, 182, 33); + series_color[1] = Color.FromArgb(18, 151, 243); + series_color[2] = Color.FromArgb(38, 7, 142); + series_color[3] = Color.FromArgb(5, 60, 122); + series_color[4] = Color.FromArgb(180, 70, 243); + series_color[5] = Color.FromArgb(53, 12, 133); + series_color[6] = Color.FromArgb(108, 11, 23); + series_color[7] = Color.FromArgb(200, 70, 112); + series_color[8] = Color.FromArgb(125, 200, 12); + series_color[9] = Color.FromArgb(10, 150, 43); + series_color[10] = Color.FromArgb(150, 82, 133); + series_color[11] = Color.FromArgb(98, 15, 103); for (int i = 0; i < (series as ChartSerieImpl).PointNumber; i++) { - series.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriescolor[i]; + series.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = series_color[i]; } //Set Legend @@ -93,23 +93,23 @@ using (ExcelEngine excelEngine = new ExcelEngine()) series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = false; series.DataPoints.DefaultDataPoint.DataLabels.IsValue = true; - Color[] seriescolor = new Color[12]; - seriescolor[0] = Color.FromArgb(253, 182, 33); - seriescolor[1] = Color.FromArgb(18, 151, 243); - seriescolor[2] = Color.FromArgb(38, 7, 142); - seriescolor[3] = Color.FromArgb(5, 60, 122); - seriescolor[4] = Color.FromArgb(180, 70, 243); - seriescolor[5] = Color.FromArgb(53, 12, 133); - seriescolor[6] = Color.FromArgb(108, 11, 23); - seriescolor[7] = Color.FromArgb(200, 70, 112); - seriescolor[8] = Color.FromArgb(125, 200, 12); - seriescolor[9] = Color.FromArgb(10, 150, 43); - seriescolor[10] = Color.FromArgb(150, 82, 133); - seriescolor[11] = Color.FromArgb(98, 15, 103); + Color[] series_color = new Color[12]; + series_color[0] = Color.FromArgb(253, 182, 33); + series_color[1] = Color.FromArgb(18, 151, 243); + series_color[2] = Color.FromArgb(38, 7, 142); + series_color[3] = Color.FromArgb(5, 60, 122); + series_color[4] = Color.FromArgb(180, 70, 243); + series_color[5] = Color.FromArgb(53, 12, 133); + series_color[6] = Color.FromArgb(108, 11, 23); + series_color[7] = Color.FromArgb(200, 70, 112); + series_color[8] = Color.FromArgb(125, 200, 12); + series_color[9] = Color.FromArgb(10, 150, 43); + series_color[10] = Color.FromArgb(150, 82, 133); + series_color[11] = Color.FromArgb(98, 15, 103); for (int i = 0; i < (series as ChartSerieImpl).PointNumber; i++) { - series.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = seriescolor[i]; + series.DataPoints[i].DataFormat.AreaProperties.ForegroundColor = series_color[i]; } //Set Legend @@ -127,59 +127,59 @@ using (ExcelEngine excelEngine = new ExcelEngine()) {% endhighlight %} {% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} -Using excelEngine As New ExcelEngine() - Dim application As IApplication = excelEngine.Excel - application.DefaultVersion = ExcelVersion.Xlsx - - Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx") - Dim worksheet As IWorksheet = workbook.Worksheets(0) - - 'Initialize chart - Dim chart As IChartShape = worksheet.Charts.Add() - chart.ChartType = ExcelChartType.SunBurst - - 'Assign data - chart.DataRange = worksheet("A1:B13") - chart.IsSeriesInRows = False - - 'Apply chart elements - 'Set Chart Title - chart.ChartTitle = "Transfer Summary" - - 'Set Data labels - Dim series As IChartSerie = chart.Series(0) - series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = False - series.DataPoints.DefaultDataPoint.DataLabels.IsValue = True - - Dim seriescolor(11) As Color - seriescolor(0) = Color.FromArgb(253, 182, 33) - seriescolor(1) = Color.FromArgb(18, 151, 243) - seriescolor(2) = Color.FromArgb(38, 7, 142) - seriescolor(3) = Color.FromArgb(5, 60, 122) - seriescolor(4) = Color.FromArgb(180, 70, 243) - seriescolor(5) = Color.FromArgb(53, 12, 133) - seriescolor(6) = Color.FromArgb(108, 11, 23) - seriescolor(7) = Color.FromArgb(200, 70, 112) - seriescolor(8) = Color.FromArgb(125, 200, 12) - seriescolor(9) = Color.FromArgb(10, 150, 43) - seriescolor(10) = Color.FromArgb(150, 82, 133) - seriescolor(11) = Color.FromArgb(98, 15, 103) - - For i As Integer = 0 To CType(series, ChartSerieImpl).PointNumber - 1 - series.DataPoints(i).DataFormat.AreaProperties.ForegroundColor = seriescolor(i) - Next - - 'Set Legend - chart.HasLegend = True - - 'Positioning the chart in the worksheet - chart.TopRow = 8 - chart.LeftColumn = 1 - chart.BottomRow = 23 - chart.RightColumn = 8 - - 'Saving and closing the workbook - workbook.SaveAs("../../Output/SunBurst.xlsx") -End Using + Using excelEngine As New ExcelEngine() + Dim application As IApplication = excelEngine.Excel + application.DefaultVersion = ExcelVersion.Xlsx + + Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx") + Dim worksheet As IWorksheet = workbook.Worksheets(0) + + 'Initialize chart + Dim chart As IChartShape = worksheet.Charts.Add() + chart.ChartType = ExcelChartType.SunBurst + + 'Assign data + chart.DataRange = worksheet("A1:B13") + chart.IsSeriesInRows = False + + 'Apply chart elements + 'Set Chart Title + chart.ChartTitle = "Transfer Summary" + + 'Set Data labels + Dim series As IChartSerie = chart.Series(0) + series.DataPoints.DefaultDataPoint.DataLabels.IsCategoryName = False + series.DataPoints.DefaultDataPoint.DataLabels.IsValue = True + + Dim series_color(11) As Color + series_color(0) = Color.FromArgb(253, 182, 33) + series_color(1) = Color.FromArgb(18, 151, 243) + series_color(2) = Color.FromArgb(38, 7, 142) + series_color(3) = Color.FromArgb(5, 60, 122) + series_color(4) = Color.FromArgb(180, 70, 243) + series_color(5) = Color.FromArgb(53, 12, 133) + series_color(6) = Color.FromArgb(108, 11, 23) + series_color(7) = Color.FromArgb(200, 70, 112) + series_color(8) = Color.FromArgb(125, 200, 12) + series_color(9) = Color.FromArgb(10, 150, 43) + series_color(10) = Color.FromArgb(150, 82, 133) + series_color(11) = Color.FromArgb(98, 15, 103) + + For i As Integer = 0 To CType(series, ChartSerieImpl).PointNumber - 1 + series.DataPoints(i).DataFormat.AreaProperties.ForegroundColor = series_color(i) + Next + + 'Set Legend + chart.HasLegend = True + + 'Positioning the chart in the worksheet + chart.TopRow = 8 + chart.LeftColumn = 1 + chart.BottomRow = 23 + chart.RightColumn = 8 + + 'Saving the workbook + workbook.SaveAs("../../Output/SunBurst.xlsx") + End Using {% endhighlight %} {% endtabs %} \ No newline at end of file From 404e83c651082288aed0a1b091acbc210e566832 Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Fri, 19 Dec 2025 13:28:57 +0530 Subject: [PATCH 007/122] 992308-FontStyle --- ...ply-font-styles-to-the-entire-worksheet.md | 104 ++++++++++++++++++ 1 file changed, 104 insertions(+) create mode 100644 Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md b/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md new file mode 100644 index 000000000..23441a2c5 --- /dev/null +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md @@ -0,0 +1,104 @@ +--- +title: How to apply styles to an Entire Excel Worksheet | Syncfusion +description: Learn how to apply font settings and fill color to an entire Excel worksheet using the Syncfusion .NET Excel library (XlsIO) in C# and VB.NET. +platform: document-processing +control: XlsIO +documentation: UG +--- + +# How to apply styles to the entire worksheet in Excel using C#? + +The following examples show how to apply font attributes (name and size) and fill color to an entire worksheet using C# (cross-platform and Windows-specific) and VB.NET. + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../../Data/Input.xlsx", ExcelOpenType.Automatic); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Define new styles to apply in rows and columns + IStyle columnStyle = workbook.Styles.Add("ColumnStyle"); + columnStyle.Font.FontName = "Times New Roman"; + columnStyle.Font.Size = 10; + columnStyle.Color = Color.Pink; + + worksheet.SetDefaultColumnStyle(1, 16384, columnStyle); + + //Save the Excel document + workbook.SaveAs("../../../Output/FontStyle.xlsx"); +} +{% endhighlight %} + +{% highlight c# tabtitle="C# [Windows-specific]" %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../Data/Input.xlsx", ExcelOpenType.Automatic); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Define new styles to apply in rows and columns + IStyle columnStyle = workbook.Styles.Add("ColumnStyle"); + columnStyle.Font.FontName = "Times New Roman"; + columnStyle.Font.Size = 10; + columnStyle.Color = Color.Pink; + + worksheet.SetDefaultColumnStyle(1, 16384, columnStyle); + + //Save the Excel document + workbook.SaveAs("../../Output/FontStyle.xlsx"); + +} +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +Using excelEngine As New ExcelEngine() + Dim application As IApplication = excelEngine.Excel + application.DefaultVersion = ExcelVersion.Xlsx + + Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx", ExcelOpenType.Automatic) + Dim worksheet As IWorksheet = workbook.Worksheets(0) + + 'Define new styles to apply in rows and columns + Dim columnStyle As IStyle = workbook.Styles.Add("ColumnStyle") + columnStyle.Font.FontName = "Times New Roman" + columnStyle.Font.Size = 10 + columnStyle.Color = Color.Pink + + worksheet.SetDefaultColumnStyle(1, 16384, columnStyle) + + 'Save the Excel document + workbook.SaveAs("../../Output/FontStyle.xlsx") +End Using +{% endhighlight %} +{% endtabs %} + +N> +* Applying a default style to cells replaces any existing styles. This is standard Excel behavior. +* To add new styling without removing existing formats, set specific properties on targeted ranges. + +The following code snippet shows how to apply a new style without affecting existing styles: + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" %} + worksheet.Range["A1:F13"].CellStyle.Font.FontName = "Times New Roman"; + worksheet.Range["A1:F13"].CellStyle.Font.Size = 10; + worksheet.Range["A1:F13"].CellStyle.Color = Color.Lavender; +{% endhighlight %} + +{% highlight c# tabtitle="C# [Windows-specific]" %} + worksheet.Range["A1:F13"].CellStyle.Font.FontName = "Times New Roman"; + worksheet.Range["A1:F13"].CellStyle.Font.Size = 10; + worksheet.Range["A1:F13"].CellStyle.Color = Color.Lavender; +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +worksheet.Range("A1:F13").CellStyle.Font.FontName = "Times New Roman" +worksheet.Range("A1:F13").CellStyle.Font.Size = 10 +worksheet.Range("A1:F13").CellStyle.Color = Color.Lavender +{% endhighlight %} +{% endtabs %} + From 445bc9066a50e3f49bbbf6ee551d18c2b9596b59 Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Fri, 19 Dec 2025 13:33:43 +0530 Subject: [PATCH 008/122] 991692-Sunburst --- Document-Processing-toc.html | 3 --- 1 file changed, 3 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index c1321ded3..7a962e72e 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -6086,9 +6086,6 @@
  • How to set the first item in a list as the default value in an Excel?
    • -
  • - How to set colors for dynamic series in a Sunburst chart? -
    • From f39265120ac833bfdf316b19d1ca14b9f656c0b7 Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Fri, 19 Dec 2025 13:53:21 +0530 Subject: [PATCH 009/122] 992308-FontStyle --- .../faqs/How-to-apply-font-styles-to-the-entire-worksheet.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md b/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md index 23441a2c5..726a4872a 100644 --- a/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md @@ -6,7 +6,7 @@ control: XlsIO documentation: UG --- -# How to apply styles to the entire worksheet in Excel using C#? +# How to apply styles to the entire worksheet in Excel? The following examples show how to apply font attributes (name and size) and fill color to an entire worksheet using C# (cross-platform and Windows-specific) and VB.NET. From 42c2855ba89ec329931342c1f2303f7fc6866e0a Mon Sep 17 00:00:00 2001 From: Ramya Sivakumar Date: Fri, 19 Dec 2025 14:15:13 +0530 Subject: [PATCH 010/122] 992308-FontStyle --- ...ply-font-styles-to-the-entire-worksheet.md | 104 ++++++++++++++++++ 1 file changed, 104 insertions(+) create mode 100644 Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-font-styles-to-the-entire-worksheet.md diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-font-styles-to-the-entire-worksheet.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-font-styles-to-the-entire-worksheet.md new file mode 100644 index 000000000..726a4872a --- /dev/null +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-font-styles-to-the-entire-worksheet.md @@ -0,0 +1,104 @@ +--- +title: How to apply styles to an Entire Excel Worksheet | Syncfusion +description: Learn how to apply font settings and fill color to an entire Excel worksheet using the Syncfusion .NET Excel library (XlsIO) in C# and VB.NET. +platform: document-processing +control: XlsIO +documentation: UG +--- + +# How to apply styles to the entire worksheet in Excel? + +The following examples show how to apply font attributes (name and size) and fill color to an entire worksheet using C# (cross-platform and Windows-specific) and VB.NET. + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../../Data/Input.xlsx", ExcelOpenType.Automatic); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Define new styles to apply in rows and columns + IStyle columnStyle = workbook.Styles.Add("ColumnStyle"); + columnStyle.Font.FontName = "Times New Roman"; + columnStyle.Font.Size = 10; + columnStyle.Color = Color.Pink; + + worksheet.SetDefaultColumnStyle(1, 16384, columnStyle); + + //Save the Excel document + workbook.SaveAs("../../../Output/FontStyle.xlsx"); +} +{% endhighlight %} + +{% highlight c# tabtitle="C# [Windows-specific]" %} +using (ExcelEngine excelEngine = new ExcelEngine()) +{ + IApplication application = excelEngine.Excel; + application.DefaultVersion = ExcelVersion.Xlsx; + IWorkbook workbook = application.Workbooks.Open("../../Data/Input.xlsx", ExcelOpenType.Automatic); + IWorksheet worksheet = workbook.Worksheets[0]; + + //Define new styles to apply in rows and columns + IStyle columnStyle = workbook.Styles.Add("ColumnStyle"); + columnStyle.Font.FontName = "Times New Roman"; + columnStyle.Font.Size = 10; + columnStyle.Color = Color.Pink; + + worksheet.SetDefaultColumnStyle(1, 16384, columnStyle); + + //Save the Excel document + workbook.SaveAs("../../Output/FontStyle.xlsx"); + +} +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +Using excelEngine As New ExcelEngine() + Dim application As IApplication = excelEngine.Excel + application.DefaultVersion = ExcelVersion.Xlsx + + Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx", ExcelOpenType.Automatic) + Dim worksheet As IWorksheet = workbook.Worksheets(0) + + 'Define new styles to apply in rows and columns + Dim columnStyle As IStyle = workbook.Styles.Add("ColumnStyle") + columnStyle.Font.FontName = "Times New Roman" + columnStyle.Font.Size = 10 + columnStyle.Color = Color.Pink + + worksheet.SetDefaultColumnStyle(1, 16384, columnStyle) + + 'Save the Excel document + workbook.SaveAs("../../Output/FontStyle.xlsx") +End Using +{% endhighlight %} +{% endtabs %} + +N> +* Applying a default style to cells replaces any existing styles. This is standard Excel behavior. +* To add new styling without removing existing formats, set specific properties on targeted ranges. + +The following code snippet shows how to apply a new style without affecting existing styles: + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" %} + worksheet.Range["A1:F13"].CellStyle.Font.FontName = "Times New Roman"; + worksheet.Range["A1:F13"].CellStyle.Font.Size = 10; + worksheet.Range["A1:F13"].CellStyle.Color = Color.Lavender; +{% endhighlight %} + +{% highlight c# tabtitle="C# [Windows-specific]" %} + worksheet.Range["A1:F13"].CellStyle.Font.FontName = "Times New Roman"; + worksheet.Range["A1:F13"].CellStyle.Font.Size = 10; + worksheet.Range["A1:F13"].CellStyle.Color = Color.Lavender; +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +worksheet.Range("A1:F13").CellStyle.Font.FontName = "Times New Roman" +worksheet.Range("A1:F13").CellStyle.Font.Size = 10 +worksheet.Range("A1:F13").CellStyle.Color = Color.Lavender +{% endhighlight %} +{% endtabs %} + From 0998ad52bc27ce79b7a0cfc72f8f87a7bcadc8cf Mon Sep 17 00:00:00 2001 From: SivakumarRamya <93247345+SivakumarRamya@users.noreply.github.com> Date: Fri, 19 Dec 2025 14:28:13 +0530 Subject: [PATCH 011/122] Delete Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md --- ...ply-font-styles-to-the-entire-worksheet.md | 104 ------------------ 1 file changed, 104 deletions(-) delete mode 100644 Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md b/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md deleted file mode 100644 index 726a4872a..000000000 --- a/Document-Processing/Excel/Excel-Library/NET/faqs/How-to-apply-font-styles-to-the-entire-worksheet.md +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: How to apply styles to an Entire Excel Worksheet | Syncfusion -description: Learn how to apply font settings and fill color to an entire Excel worksheet using the Syncfusion .NET Excel library (XlsIO) in C# and VB.NET. -platform: document-processing -control: XlsIO -documentation: UG ---- - -# How to apply styles to the entire worksheet in Excel? - -The following examples show how to apply font attributes (name and size) and fill color to an entire worksheet using C# (cross-platform and Windows-specific) and VB.NET. - -{% tabs %} -{% highlight c# tabtitle="C# [Cross-platform]" %} -using (ExcelEngine excelEngine = new ExcelEngine()) -{ - IApplication application = excelEngine.Excel; - application.DefaultVersion = ExcelVersion.Xlsx; - IWorkbook workbook = application.Workbooks.Open("../../../Data/Input.xlsx", ExcelOpenType.Automatic); - IWorksheet worksheet = workbook.Worksheets[0]; - - //Define new styles to apply in rows and columns - IStyle columnStyle = workbook.Styles.Add("ColumnStyle"); - columnStyle.Font.FontName = "Times New Roman"; - columnStyle.Font.Size = 10; - columnStyle.Color = Color.Pink; - - worksheet.SetDefaultColumnStyle(1, 16384, columnStyle); - - //Save the Excel document - workbook.SaveAs("../../../Output/FontStyle.xlsx"); -} -{% endhighlight %} - -{% highlight c# tabtitle="C# [Windows-specific]" %} -using (ExcelEngine excelEngine = new ExcelEngine()) -{ - IApplication application = excelEngine.Excel; - application.DefaultVersion = ExcelVersion.Xlsx; - IWorkbook workbook = application.Workbooks.Open("../../Data/Input.xlsx", ExcelOpenType.Automatic); - IWorksheet worksheet = workbook.Worksheets[0]; - - //Define new styles to apply in rows and columns - IStyle columnStyle = workbook.Styles.Add("ColumnStyle"); - columnStyle.Font.FontName = "Times New Roman"; - columnStyle.Font.Size = 10; - columnStyle.Color = Color.Pink; - - worksheet.SetDefaultColumnStyle(1, 16384, columnStyle); - - //Save the Excel document - workbook.SaveAs("../../Output/FontStyle.xlsx"); - -} -{% endhighlight %} - -{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} -Using excelEngine As New ExcelEngine() - Dim application As IApplication = excelEngine.Excel - application.DefaultVersion = ExcelVersion.Xlsx - - Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Input.xlsx", ExcelOpenType.Automatic) - Dim worksheet As IWorksheet = workbook.Worksheets(0) - - 'Define new styles to apply in rows and columns - Dim columnStyle As IStyle = workbook.Styles.Add("ColumnStyle") - columnStyle.Font.FontName = "Times New Roman" - columnStyle.Font.Size = 10 - columnStyle.Color = Color.Pink - - worksheet.SetDefaultColumnStyle(1, 16384, columnStyle) - - 'Save the Excel document - workbook.SaveAs("../../Output/FontStyle.xlsx") -End Using -{% endhighlight %} -{% endtabs %} - -N> -* Applying a default style to cells replaces any existing styles. This is standard Excel behavior. -* To add new styling without removing existing formats, set specific properties on targeted ranges. - -The following code snippet shows how to apply a new style without affecting existing styles: - -{% tabs %} -{% highlight c# tabtitle="C# [Cross-platform]" %} - worksheet.Range["A1:F13"].CellStyle.Font.FontName = "Times New Roman"; - worksheet.Range["A1:F13"].CellStyle.Font.Size = 10; - worksheet.Range["A1:F13"].CellStyle.Color = Color.Lavender; -{% endhighlight %} - -{% highlight c# tabtitle="C# [Windows-specific]" %} - worksheet.Range["A1:F13"].CellStyle.Font.FontName = "Times New Roman"; - worksheet.Range["A1:F13"].CellStyle.Font.Size = 10; - worksheet.Range["A1:F13"].CellStyle.Color = Color.Lavender; -{% endhighlight %} - -{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} -worksheet.Range("A1:F13").CellStyle.Font.FontName = "Times New Roman" -worksheet.Range("A1:F13").CellStyle.Font.Size = 10 -worksheet.Range("A1:F13").CellStyle.Color = Color.Lavender -{% endhighlight %} -{% endtabs %} - From 77984c75e5ec81c6940d89102e7f9c8642533bbc Mon Sep 17 00:00:00 2001 From: gopinathan-sf4977 Date: Fri, 19 Dec 2025 15:59:32 +0530 Subject: [PATCH 012/122] 999367: Updated Notes UG to Hotfix JS, React, Vue, Core and MVC --- .../Excel/Spreadsheet/ASP-NET-CORE/notes.md | 89 +++++++++++++++--- .../Excel/Spreadsheet/ASP-NET-MVC/notes.md | 91 +++++++++++++++--- .../Excel/Spreadsheet/Javascript-ES5/notes.md | 93 ++++++++++++++++--- .../Excel/Spreadsheet/React/notes.md | 91 +++++++++++++++--- .../Excel/Spreadsheet/Vue/notes.md | 91 +++++++++++++++--- .../spreadsheet/asp-net-core/note-cs3/razor | 7 +- .../asp-net-core/note-cs3/tagHelper | 9 +- .../spreadsheet/asp-net-mvc/note-cs3/razor | 7 +- .../asp-net-mvc/note-cs3/tagHelper | 9 +- .../javascript-es5/note-cs1/index.html | 8 +- .../javascript-es5/note-cs1/system.config.js | 2 +- .../javascript-es5/note-cs2/index.html | 8 +- .../javascript-es5/note-cs2/system.config.js | 2 +- .../javascript-es5/note-cs3/index.html | 8 +- .../javascript-es5/note-cs3/index.js | 12 +-- .../javascript-es5/note-cs3/index.ts | 12 +-- .../javascript-es5/note-cs3/system.config.js | 2 +- .../spreadsheet/react/note-cs1/index.html | 2 +- .../react/note-cs1/systemjs.config.js | 2 +- .../spreadsheet/react/note-cs2/index.html | 2 +- .../react/note-cs2/systemjs.config.js | 2 +- .../spreadsheet/react/note-cs3/app/app.jsx | 8 +- .../spreadsheet/react/note-cs3/app/app.tsx | 8 +- .../spreadsheet/react/note-cs3/index.html | 2 +- .../react/note-cs3/systemjs.config.js | 2 +- .../spreadsheet/vue/note-cs1/index.html | 2 +- .../vue/note-cs1/systemjs.config.js | 2 +- .../spreadsheet/vue/note-cs2/index.html | 2 +- .../vue/note-cs2/systemjs.config.js | 2 +- .../vue/note-cs3/app-composition.vue | 5 +- .../spreadsheet/vue/note-cs3/app.vue | 5 +- .../spreadsheet/vue/note-cs3/index.html | 2 +- .../vue/note-cs3/systemjs.config.js | 2 +- 33 files changed, 450 insertions(+), 141 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/notes.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/notes.md index a71451518..126d4fe12 100644 --- a/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/notes.md +++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-CORE/notes.md @@ -10,7 +10,7 @@ documentation: ug # Notes in ASP.NET Core Spreadsheet control -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [`enableNotes`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -31,29 +31,94 @@ In the below example, you can add, edit, save, and delete notes. In the active worksheet, you can add a note in the following ways: -* To add a note, right-click the cell to open the context menu and choose the **"Add Note"** option from the context menu. This will open a dialog box to add the content as a note. -* You can also use the `Shift` + `F2` keyboard shortcut to add a note to the desired cell. A dialog box will be opened to add the content as a note. -* After entering the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +* **Context Menu**: Right-click the desired cell and select **Add Note**. +* **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. +* **Keyboard Shortcut**: Select the cell and press Shift + F2. +* **Programmatically**: + * Use the `updateCell` method with the note model to add a note to a specific cell. + * Bind notes via code-behind during initial load by associating the note model with the cell model. + +A dialog box will open where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. ![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif) ## Editing a note -In the active worksheet, you can modify the content of existing notes in the document. +In the active worksheet, you can modify the content of existing notes in the document: + +* **Context Menu**: Right-click the cell containing the note and select **Edit Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Edit Note**. +* **Keyboard Shortcut**: Select the cell containing the note and press Shift + F2. -* To edit a note, right-click on the desired cell containing the note, which will open the context menu. -* Select the **"Edit Note"** option from the context menu. -* You can also use the `Shift` + `F2` keyboard shortcut to edit the note of the desired cell. A dialog box will be opened to edit the note. -* After editing the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the Esc button to automatically save the changes and close the dialog box. ![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif) ## Deleting a note -In the active worksheet, right-click on the desired cell containing the note that you want to remove, which opens the context menu. In the context menu, select the **"Delete Note"** option to delete the note. +You can remove notes from cells using the following ways: + +* **Context Menu**: Right-click the cell containing the note and select **Delete Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Delete Note**. + +The note will be removed from the cell, and the red triangle indicator will be removed. ![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif) +## Navigating between notes + +The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab. + +### Previous Note + +To navigate to the previous note: + +* In the **Review** tab, open the **Notes** dropdown and select **Previous Note**. +* The Spreadsheet will automatically select the previous note in the current worksheet, searching leftward and then upward. +* If no prior note exists in the sheet, the search continues to the previous worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +### Next Note + +To navigate to the next note: + +* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. +* The Spreadsheet will automatically select the next note in the current worksheet, searching rightward and then downward. +* If no subsequent note exists in the sheet, the search continues to the next worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +This functionality streamlines the process of reviewing notes across worksheets, ensuring efficient traversal and discovery. + +## Show/Hide Note + +The **Show/Hide Note** option allows you to toggle the visibility of individual notes as sticky notes within the worksheet. When enabled, the note appears as a persistent floating text box, making it convenient to reference key information without hovering over the cell. + +To toggle the visibility of a note: + +* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. + +**Behavior:** + +* **Default State (Hidden)**: Notes are hidden by default and only appear when hovering over the cell, which displays a red triangle indicator. +* **Sticky State (Visible)**: Toggling Show/Hide Note on a hidden note makes it visible as a sticky note, which remains on display even when navigating to other cells or selections. +* **Toggle Functionality**: Selecting Show/Hide Note again on a visible note hides it, reverting to the default state. +* **Independent Control**: Each note can be toggled individually, allowing you to display only the most relevant notes for your current task. + +## Show All Notes + +The **Show All Notes** option enables you to display all notes in the current worksheet simultaneously as sticky notes, simplifying the review of multiple comments at a glance. + +To activate: + +* Navigate to the **Review** tab, click the **Notes** dropdown, and select **Show All Notes**. + +All notes in the worksheet will appear as floating text boxes near their respective cells. + +> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet will automatically appear as visible sticky notes when Show All Notes is active. + +This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review. + ## Saving the document with notes The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls). @@ -62,7 +127,7 @@ The Spreadsheet data, including notes, can be saved and exported as an Excel doc ## Disabling notes -To disable the note functionality, you need to set the [`enableNotes`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. +To disable the note functionality, you need to set the [enableNotes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. ![Spreadsheet with notes feature disabled](./images/spreadsheet_notes_disable.png) @@ -81,6 +146,8 @@ In the below example, the note functionality is disabled in the Spreadsheet. The notes can be added initially when the Spreadsheet loads using cell data binding. You need to use the `notes` property in the cell settings to add notes to the Spreadsheet. +In the below example, you can navigate between notes using **Previous Note** and **Next Note** options, toggle individual note visibility with **Show/Hide Note**, display all notes at once using **Show All Notes** and see how notes are added using the `updateCell` method in the `created` event. + {% tabs %} {% highlight cshtml tabtitle="CSHTML" %} {% include code-snippet/spreadsheet/asp-net-core/note-cs3/tagHelper %} diff --git a/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/notes.md b/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/notes.md index ecaeea236..878eb042d 100644 --- a/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/notes.md +++ b/Document-Processing/Excel/Spreadsheet/ASP-NET-MVC/notes.md @@ -10,7 +10,7 @@ documentation: ug # Notes in ASP.NET MVC Spreadsheet Control -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [`enableNotes`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -31,38 +31,103 @@ In the below example, you can add, edit, save, and delete notes. In the active worksheet, you can add a note in the following ways: -* To add a note, right-click the cell to open the context menu and choose the **"Add Note"** option from the context menu. This will open a dialog box to add the content as a note. -* You can also use the `Shift` + `F2` keyboard shortcut to add a note to the desired cell. A dialog box will be opened to add the content as a note. -* After entering the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +* **Context Menu**: Right-click the desired cell and select **Add Note**. +* **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. +* **Keyboard Shortcut**: Select the cell and press Shift + F2. +* **Programmatically**: + * Use the `updateCell` method with the note model to add a note to a specific cell. + * Bind notes via code-behind during initial load by associating the note model with the cell model. + +A dialog box will open where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. ![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif) ## Editing a note -In the active worksheet, you can modify the content of existing notes in the document. +In the active worksheet, you can modify the content of existing notes in the document: + +* **Context Menu**: Right-click the cell containing the note and select **Edit Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Edit Note**. +* **Keyboard Shortcut**: Select the cell containing the note and press Shift + F2. -* To edit a note, right-click on the desired cell containing the note, which will open the context menu. -* Select the **"Edit Note"** option from the context menu. -* You can also use the `Shift` + `F2` keyboard shortcut to edit the note of the desired cell. A dialog box will be opened to edit the note. -* After editing the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the Esc button to automatically save the changes and close the dialog box. ![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif) ## Deleting a note -In the active worksheet, right-click on the desired cell containing the note that you want to remove, which opens the context menu. In the context menu, select the **"Delete Note"** option to delete the note. +You can remove notes from cells using the following ways: + +* **Context Menu**: Right-click the cell containing the note and select **Delete Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Delete Note**. + +The note will be removed from the cell, and the red triangle indicator will be removed. ![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif) +## Navigating between notes + +The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab. + +### Previous Note + +To navigate to the previous note: + +* In the **Review** tab, open the **Notes** dropdown and select **Previous Note**. +* The Spreadsheet will automatically select the previous note in the current worksheet, searching leftward and then upward. +* If no prior note exists in the sheet, the search continues to the previous worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +### Next Note + +To navigate to the next note: + +* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. +* The Spreadsheet will automatically select the next note in the current worksheet, searching rightward and then downward. +* If no subsequent note exists in the sheet, the search continues to the next worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +This functionality streamlines the process of reviewing notes across worksheets, ensuring efficient traversal and discovery. + +## Show/Hide Note + +The **Show/Hide Note** option allows you to toggle the visibility of individual notes as sticky notes within the worksheet. When enabled, the note appears as a persistent floating text box, making it convenient to reference key information without hovering over the cell. + +To toggle the visibility of a note: + +* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. + +**Behavior:** + +* **Default State (Hidden)**: Notes are hidden by default and only appear when hovering over the cell, which displays a red triangle indicator. +* **Sticky State (Visible)**: Toggling Show/Hide Note on a hidden note makes it visible as a sticky note, which remains on display even when navigating to other cells or selections. +* **Toggle Functionality**: Selecting Show/Hide Note again on a visible note hides it, reverting to the default state. +* **Independent Control**: Each note can be toggled individually, allowing you to display only the most relevant notes for your current task. + +## Show All Notes + +The **Show All Notes** option enables you to display all notes in the current worksheet simultaneously as sticky notes, simplifying the review of multiple comments at a glance. + +To activate: + +* Navigate to the **Review** tab, click the **Notes** dropdown, and select **Show All Notes**. + +All notes in the worksheet will appear as floating text boxes near their respective cells. + +> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet will automatically appear as visible sticky notes when Show All Notes is active. + +This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review. + ## Saving the document with notes -The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as MS Excel (.xlsx) and MS Excel 97-2003 (.xls). +The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls). > When exporting the Spreadsheet to file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf), the notes will not be available. ## Disabling notes -To disable the note functionality, you need to set the [`enableNotes`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. +To disable the note functionality, you need to set the [enableNotes](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Spreadsheet.Spreadsheet.html#Syncfusion_EJ2_Spreadsheet_Spreadsheet_EnableNotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. ![Spreadsheet with notes feature disabled](./images/spreadsheet_notes_disable.png) @@ -81,6 +146,8 @@ In the below example, the note functionality is disabled in the Spreadsheet. The notes can be added initially when the Spreadsheet loads using cell data binding. You need to use the `notes` property in the cell settings to add notes to the Spreadsheet. +In the below example, you can navigate between notes using **Previous Note** and **Next Note** options, toggle individual note visibility with **Show/Hide Note**, display all notes at once using **Show All Notes** and see how notes are added using the `updateCell` method in the `created` event. + {% tabs %} {% highlight razor tabtitle="CSHTML" %} {% include code-snippet/spreadsheet/asp-net-mvc/note-cs3/razor %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md index 9f4ac3852..abd669c0d 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/notes.md @@ -7,9 +7,9 @@ control: Notes documentation: ug --- -# Notes in EJ2 Javascript Spreadsheet control +# Notes in EJ2 JavaScript Spreadsheet control -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [`enableNotes`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#enablenotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#enablenotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -32,38 +32,103 @@ In the below example, you can add, edit, save, and delete notes. In the active worksheet, you can add a note in the following ways: -* To add a note, right-click the cell to open the context menu and choose the **"Add Note"** option from the context menu. This will open a dialog box to add the content as a note. -* You can also use the `Shift` + `F2` keyboard shortcut to add a note to the desired cell. A dialog box will be opened to add the content as a note. -* After entering the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +* **Context Menu**: Right-click the desired cell and select **Add Note**. +* **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. +* **Keyboard Shortcut**: Select the cell and press Shift + F2. +* **Programmatically**: + * Use the `updateCell` method with the note model to add a note to a specific cell. + * Bind notes via code-behind during initial load by associating the note model with the cell model. + +A dialog box will open where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. ![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif) ## Editing a note -In the active worksheet, you can modify the content of existing notes in the document. +In the active worksheet, you can modify the content of existing notes in the document: + +* **Context Menu**: Right-click the cell containing the note and select **Edit Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Edit Note**. +* **Keyboard Shortcut**: Select the cell containing the note and press Shift + F2. -* To edit a note, right-click on the desired cell containing the note, which will open the context menu. -* Select the **"Edit Note"** option from the context menu. -* You can also use the `Shift` + `F2` keyboard shortcut to edit the note of the desired cell. A dialog box will be opened to edit the note. -* After editing the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the Esc button to automatically save the changes and close the dialog box. ![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif) ## Deleting a note -In the active worksheet, right-click on the desired cell containing the note that you want to remove, which opens the context menu. In the context menu, select the **"Delete Note"** option to delete the note. +You can remove notes from cells using the following ways: + +* **Context Menu**: Right-click the cell containing the note and select **Delete Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Delete Note**. + +The note will be removed from the cell, and the red triangle indicator will be removed. ![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif) +## Navigating between notes + +The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab. + +### Previous Note + +To navigate to the previous note: + +* In the **Review** tab, open the **Notes** dropdown and select **Previous Note**. +* The Spreadsheet will automatically select the previous note in the current worksheet, searching leftward and then upward. +* If no prior note exists in the sheet, the search continues to the previous worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +### Next Note + +To navigate to the next note: + +* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. +* The Spreadsheet will automatically select the next note in the current worksheet, searching rightward and then downward. +* If no subsequent note exists in the sheet, the search continues to the next worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +This functionality streamlines the process of reviewing notes across worksheets, ensuring efficient traversal and discovery. + +## Show/Hide Note + +The **Show/Hide Note** option allows you to toggle the visibility of individual notes as sticky notes within the worksheet. When enabled, the note appears as a persistent floating text box, making it convenient to reference key information without hovering over the cell. + +To toggle the visibility of a note: + +* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. + +**Behavior:** + +* **Default State (Hidden)**: Notes are hidden by default and only appear when hovering over the cell, which displays a red triangle indicator. +* **Sticky State (Visible)**: Toggling Show/Hide Note on a hidden note makes it visible as a sticky note, which remains on display even when navigating to other cells or selections. +* **Toggle Functionality**: Selecting Show/Hide Note again on a visible note hides it, reverting to the default state. +* **Independent Control**: Each note can be toggled individually, allowing you to display only the most relevant notes for your current task. + +## Show All Notes + +The **Show All Notes** option enables you to display all notes in the current worksheet simultaneously as sticky notes, simplifying the review of multiple comments at a glance. + +To activate: + +* Navigate to the **Review** tab, click the **Notes** dropdown, and select **Show All Notes**. + +All notes in the worksheet will appear as floating text boxes near their respective cells. + +> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet will automatically appear as visible sticky notes when Show All Notes is active. + +This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review. + ## Saving the document with notes -The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as MS Excel (.xlsx) and MS Excel 97-2003 (.xls). +The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls). > When exporting the Spreadsheet to file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf), the notes will not be available. ## Disabling notes -To disable the note functionality, you need to set the [`enableNotes`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. +To disable the note functionality, you need to set the [enableNotes](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet/index-default#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. ![Spreadsheet with notes feature disabled](./images/spreadsheet_notes_disable.png) @@ -84,6 +149,8 @@ In the below example, the note functionality is disabled in the Spreadsheet. The notes can be added initially when the Spreadsheet loads using cell data binding. You need to use the `notes` property in the cell settings to add notes to the Spreadsheet. +In the below example, you can navigate between notes using **Previous Note** and **Next Note** options, toggle individual note visibility with **Show/Hide Note**, display all notes at once using **Show All Notes** and see how notes are added using the `updateCell` method in the `created` event. + {% tabs %} {% highlight js tabtitle="index.js" %} {% include code-snippet/spreadsheet/javascript-es5/note-cs3/index.js %} diff --git a/Document-Processing/Excel/Spreadsheet/React/notes.md b/Document-Processing/Excel/Spreadsheet/React/notes.md index 832fccab7..bca9e39d2 100644 --- a/Document-Processing/Excel/Spreadsheet/React/notes.md +++ b/Document-Processing/Excel/Spreadsheet/React/notes.md @@ -9,7 +9,7 @@ documentation: ug # Notes in React Spreadsheet component -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [`enableNotes`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/#enablenotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#enablenotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -32,38 +32,103 @@ In the below example, you can add, edit, save, and delete notes. In the active worksheet, you can add a note in the following ways: -* To add a note, right-click the cell to open the context menu and choose the **"Add Note"** option from the context menu. This will open a dialog box to add the content as a note. -* You can also use the `Shift` + `F2` keyboard shortcut to add a note to the desired cell. A dialog box will be opened to add the content as a note. -* After entering the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +* **Context Menu**: Right-click the desired cell and select **Add Note**. +* **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. +* **Keyboard Shortcut**: Select the cell and press Shift + F2. +* **Programmatically**: + * Use the `updateCell` method with the note model to add a note to a specific cell. + * Bind notes via code-behind during initial load by associating the note model with the cell model. + +A dialog box will open where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. ![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif) ## Editing a note -In the active worksheet, you can modify the content of existing notes in the document. +In the active worksheet, you can modify the content of existing notes in the document: + +* **Context Menu**: Right-click the cell containing the note and select **Edit Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Edit Note**. +* **Keyboard Shortcut**: Select the cell containing the note and press Shift + F2. -* To edit a note, right-click on the desired cell containing the note, which will open the context menu. -* Select the **"Edit Note"** option from the context menu. -* You can also use the `Shift` + `F2` keyboard shortcut to edit the note of the desired cell. A dialog box will be opened to edit the note. -* After editing the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the Esc button to automatically save the changes and close the dialog box. ![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif) ## Deleting a note -In the active worksheet, right-click on the desired cell containing the note that you want to remove, which opens the context menu. In the context menu, select the **"Delete Note"** option to delete the note. +You can remove notes from cells using the following ways: + +* **Context Menu**: Right-click the cell containing the note and select **Delete Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Delete Note**. + +The note will be removed from the cell, and the red triangle indicator will be removed. ![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif) +## Navigating between notes + +The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab. + +### Previous Note + +To navigate to the previous note: + +* In the **Review** tab, open the **Notes** dropdown and select **Previous Note**. +* The Spreadsheet will automatically select the previous note in the current worksheet, searching leftward and then upward. +* If no prior note exists in the sheet, the search continues to the previous worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +### Next Note + +To navigate to the next note: + +* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. +* The Spreadsheet will automatically select the next note in the current worksheet, searching rightward and then downward. +* If no subsequent note exists in the sheet, the search continues to the next worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +This functionality streamlines the process of reviewing notes across worksheets, ensuring efficient traversal and discovery. + +## Show/Hide Note + +The **Show/Hide Note** option allows you to toggle the visibility of individual notes as sticky notes within the worksheet. When enabled, the note appears as a persistent floating text box, making it convenient to reference key information without hovering over the cell. + +To toggle the visibility of a note: + +* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. + +**Behavior:** + +* **Default State (Hidden)**: Notes are hidden by default and only appear when hovering over the cell, which displays a red triangle indicator. +* **Sticky State (Visible)**: Toggling Show/Hide Note on a hidden note makes it visible as a sticky note, which remains on display even when navigating to other cells or selections. +* **Toggle Functionality**: Selecting Show/Hide Note again on a visible note hides it, reverting to the default state. +* **Independent Control**: Each note can be toggled individually, allowing you to display only the most relevant notes for your current task. + +## Show All Notes + +The **Show All Notes** option enables you to display all notes in the current worksheet simultaneously as sticky notes, simplifying the review of multiple comments at a glance. + +To activate: + +* Navigate to the **Review** tab, click the **Notes** dropdown, and select **Show All Notes**. + +All notes in the worksheet will appear as floating text boxes near their respective cells. + +> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet will automatically appear as visible sticky notes when Show All Notes is active. + +This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review. + ## Saving the document with notes -The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as MS Excel (.xlsx) and MS Excel 97-2003 (.xls). +The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls). > When exporting the Spreadsheet to file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf), the notes will not be available. ## Disabling notes -To disable the note functionality, you need to set the [`enableNotes`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. +To disable the note functionality, you need to set the [enableNotes](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. ![Spreadsheet with notes feature disabled](./images/spreadsheet_notes_disable.png) @@ -84,6 +149,8 @@ In the below example, the note functionality is disabled in the Spreadsheet. The notes can be added initially when the Spreadsheet loads using cell data binding. You need to use the `notes` property in the cell settings to add notes to the Spreadsheet. +In the below example, you can navigate between notes using **Previous Note** and **Next Note** options, toggle individual note visibility with **Show/Hide Note**, display all notes at once using **Show All Notes** and see how notes are added using the `updateCell` method in the `created` event. + {% tabs %} {% highlight js tabtitle="app.jsx" %} {% include code-snippet/spreadsheet/react/note-cs3/app/app.jsx %} diff --git a/Document-Processing/Excel/Spreadsheet/Vue/notes.md b/Document-Processing/Excel/Spreadsheet/Vue/notes.md index ac3edef37..82e1f805a 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/notes.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/notes.md @@ -9,7 +9,7 @@ documentation: ug # Notes in Vue Spreadsheet component -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [`enableNotes`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#enablenotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/index-default#enablenotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -32,38 +32,103 @@ In the below example, you can add, edit, save, and delete notes. In the active worksheet, you can add a note in the following ways: -* To add a note, right-click the cell to open the context menu and choose the **"Add Note"** option from the context menu. This will open a dialog box to add the content as a note. -* You can also use the `Shift` + `F2` keyboard shortcut to add a note to the desired cell. A dialog box will be opened to add the content as a note. -* After entering the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +* **Context Menu**: Right-click the desired cell and select **Add Note**. +* **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. +* **Keyboard Shortcut**: Select the cell and press Shift + F2. +* **Programmatically**: + * Use the `updateCell` method with the note model to add a note to a specific cell. + * Bind notes via code-behind during initial load by associating the note model with the cell model. + +A dialog box will open where you can enter the note content. After entering the content, you can either click on other cells or press the Esc button to automatically save the note and close the dialog box. ![Adding a note in Spreadsheet](./images/spreadsheet_add_note.gif) ## Editing a note -In the active worksheet, you can modify the content of existing notes in the document. +In the active worksheet, you can modify the content of existing notes in the document: + +* **Context Menu**: Right-click the cell containing the note and select **Edit Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Edit Note**. +* **Keyboard Shortcut**: Select the cell containing the note and press Shift + F2. -* To edit a note, right-click on the desired cell containing the note, which will open the context menu. -* Select the **"Edit Note"** option from the context menu. -* You can also use the `Shift` + `F2` keyboard shortcut to edit the note of the desired cell. A dialog box will be opened to edit the note. -* After editing the content in the dialog box, you can either click on other cells or press the `Esc` button on the keyboard to automatically save the note in the cell and close the dialog box. +The note editor dialog box will open with the existing content. After editing the content, you can either click on other cells or press the Esc button to automatically save the changes and close the dialog box. ![Editing a note in Spreadsheet](./images/spreadsheet_edit_note.gif) ## Deleting a note -In the active worksheet, right-click on the desired cell containing the note that you want to remove, which opens the context menu. In the context menu, select the **"Delete Note"** option to delete the note. +You can remove notes from cells using the following ways: + +* **Context Menu**: Right-click the cell containing the note and select **Delete Note**. +* **Ribbon**: Select the cell containing the note, navigate to the **Review** tab, click the **Notes** dropdown, and select **Delete Note**. + +The note will be removed from the cell, and the red triangle indicator will be removed. ![Deleting a note in Spreadsheet](./images/spreadsheet_delete_note.gif) +## Navigating between notes + +The Syncfusion Spreadsheet provides intuitive navigation to quickly move between cells containing notes in your worksheet. These options are accessible through the **Notes** dropdown in the **Review** tab. + +### Previous Note + +To navigate to the previous note: + +* In the **Review** tab, open the **Notes** dropdown and select **Previous Note**. +* The Spreadsheet will automatically select the previous note in the current worksheet, searching leftward and then upward. +* If no prior note exists in the sheet, the search continues to the previous worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +### Next Note + +To navigate to the next note: + +* In the **Review** tab, open the **Notes** dropdown and select **Next Note**. +* The Spreadsheet will automatically select the next note in the current worksheet, searching rightward and then downward. +* If no subsequent note exists in the sheet, the search continues to the next worksheet in order. +* If the workbook contains no notes, the selection remains on the current cell. + +This functionality streamlines the process of reviewing notes across worksheets, ensuring efficient traversal and discovery. + +## Show/Hide Note + +The **Show/Hide Note** option allows you to toggle the visibility of individual notes as sticky notes within the worksheet. When enabled, the note appears as a persistent floating text box, making it convenient to reference key information without hovering over the cell. + +To toggle the visibility of a note: + +* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. + +**Behavior:** + +* **Default State (Hidden)**: Notes are hidden by default and only appear when hovering over the cell, which displays a red triangle indicator. +* **Sticky State (Visible)**: Toggling Show/Hide Note on a hidden note makes it visible as a sticky note, which remains on display even when navigating to other cells or selections. +* **Toggle Functionality**: Selecting Show/Hide Note again on a visible note hides it, reverting to the default state. +* **Independent Control**: Each note can be toggled individually, allowing you to display only the most relevant notes for your current task. + +## Show All Notes + +The **Show All Notes** option enables you to display all notes in the current worksheet simultaneously as sticky notes, simplifying the review of multiple comments at a glance. + +To activate: + +* Navigate to the **Review** tab, click the **Notes** dropdown, and select **Show All Notes**. + +All notes in the worksheet will appear as floating text boxes near their respective cells. + +> **Note**: After using Show All Notes, you can hide individual notes selectively via the **Show/Hide Note** option. Additionally, any new notes added to the worksheet will automatically appear as visible sticky notes when Show All Notes is active. + +This functionality enhances workflow efficiency by providing flexible control over note visibility, whether for individual focus or comprehensive review. + ## Saving the document with notes -The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as MS Excel (.xlsx) and MS Excel 97-2003 (.xls). +The Spreadsheet data, including notes, can be saved and exported as an Excel document by selecting **File > Save As** in the ribbon menu. Exporting worksheets with notes is supported in Excel file formats such as Microsoft Excel (.xlsx) and Microsoft Excel 97-2003 (.xls). > When exporting the Spreadsheet to file formats such as Comma Separated Values (.csv), Excel Macro-Enabled Workbook (.xlsm), Excel Binary Workbook (.xlsb), and PDF Document (.pdf), the notes will not be available. ## Disabling notes -To disable the note functionality, you need to set the [`enableNotes`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. +To disable the note functionality, you need to set the [enableNotes](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/index-default#enablenotes) property to **false**. After disabling, the notes in the document will not be shown when opened in the Spreadsheet. The **"Add Note"** option will not be shown in the context menu. The keyboard shortcuts for the note functionality will not work. ![Spreadsheet with notes feature disabled](./images/spreadsheet_notes_disable.png) @@ -84,6 +149,8 @@ In the below example, the note functionality is disabled in the Spreadsheet. The notes can be added initially when the Spreadsheet loads using cell data binding. You need to use the `notes` property in the cell settings to add notes to the Spreadsheet. +In the below example, you can navigate between notes using **Previous Note** and **Next Note** options, toggle individual note visibility with **Show/Hide Note**, display all notes at once using **Show All Notes** and see how notes are added using the `updateCell` method in the `created` event. + {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} {% include code-snippet/spreadsheet/vue/note-cs3/app-composition.vue %} diff --git a/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/razor b/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/razor index 9df7753f9..0e02ad8f5 100644 --- a/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/razor +++ b/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/razor @@ -7,12 +7,8 @@ { row.Index(2).Cells(cell => { - cell.Index(0).Notes("These shoes have the highest sales in terms of quantity this month.").Add(); + cell.Index(0).Notes(new SpreadsheetNotes(){ Text = "These shoes have the highest sales in terms of quantity this month.", IsVisible = True}).Add(); }).Add(); - row.Index(5).Cells(cell => - { - cell.Index(0).Notes("These shoes have been the most profitable this month.").Add(); - }).Add(); }).Columns(column => { column.Width(130).Add(); @@ -26,6 +22,7 @@ function created() { this.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1'); this.cellFormat({ verticalAlign: 'middle' }, 'A1:H1'); + this.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/tagHelper b/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/tagHelper index c93d9d07b..55f4e8892 100644 --- a/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/tagHelper +++ b/Document-Processing/code-snippet/spreadsheet/asp-net-core/note-cs3/tagHelper @@ -8,13 +8,7 @@ - - - - - + notes={ text:"These shoes have the highest sales in terms of quantity this month.", isVisible: true}> @@ -33,5 +27,6 @@ function created() { this.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1'); this.cellFormat({ verticalAlign: 'middle' }, 'A1:H1'); + this.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/razor b/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/razor index 9df7753f9..0e02ad8f5 100644 --- a/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/razor +++ b/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/razor @@ -7,12 +7,8 @@ { row.Index(2).Cells(cell => { - cell.Index(0).Notes("These shoes have the highest sales in terms of quantity this month.").Add(); + cell.Index(0).Notes(new SpreadsheetNotes(){ Text = "These shoes have the highest sales in terms of quantity this month.", IsVisible = True}).Add(); }).Add(); - row.Index(5).Cells(cell => - { - cell.Index(0).Notes("These shoes have been the most profitable this month.").Add(); - }).Add(); }).Columns(column => { column.Width(130).Add(); @@ -26,6 +22,7 @@ function created() { this.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1'); this.cellFormat({ verticalAlign: 'middle' }, 'A1:H1'); + this.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/tagHelper b/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/tagHelper index c93d9d07b..55f4e8892 100644 --- a/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/tagHelper +++ b/Document-Processing/code-snippet/spreadsheet/asp-net-mvc/note-cs3/tagHelper @@ -8,13 +8,7 @@ - - - - - + notes={ text:"These shoes have the highest sales in terms of quantity this month.", isVisible: true}> @@ -33,5 +27,6 @@ function created() { this.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1'); this.cellFormat({ verticalAlign: 'middle' }, 'A1:H1'); + this.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/index.html index b6442396e..b100e7aa3 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/index.html +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/index.html @@ -8,12 +8,12 @@ - - - + + + - + diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/system.config.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/system.config.js index b1a308828..f0a1ac98d 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/system.config.js +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs1/system.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/index.html index b6442396e..b100e7aa3 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/index.html +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/index.html @@ -8,12 +8,12 @@ - - - + + + - + diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/system.config.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/system.config.js index b1a308828..f0a1ac98d 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/system.config.js +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs2/system.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.html index b6442396e..b100e7aa3 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.html +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.html @@ -8,12 +8,12 @@ - - - + + + - + diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.js index 13c707a8b..4651c34a2 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.js +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.js @@ -20,8 +20,10 @@ var sheet = [ cells: [ { value: 'Sports Shoes', - notes: - 'These shoes have the highest sales in terms of quantity this month.', + notes: { + text: 'These shoes have the highest sales in terms of quantity this month.', + isVisible: true + }, }, { value: 'IN STOCK' }, { value: 'Overstack' }, @@ -43,10 +45,7 @@ var sheet = [ }, { cells: [ - { - value: 'Flip-Flops & Slippers', - notes: 'These shoes have been the most profitable this month.', - }, + { value: 'Flip-Flops & Slippers' }, { value: 'IN STOCK' }, { value: 'Taobao' }, ], @@ -84,6 +83,7 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({ saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', created: function () { spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:C1'); + spreadsheet.updateCell({ notes: { text: 'This website is best for buying sports shoes.' } }, 'C3:C3'); } }); spreadsheet.appendTo('#spreadsheet'); diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.ts b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.ts index 483b6927a..04252d3f4 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.ts +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/index.ts @@ -22,8 +22,10 @@ let sheet: SheetModel[] = [ cells: [ { value: 'Sports Shoes', - notes: - 'These shoes have the highest sales in terms of quantity this month.', + notes: { + text: 'These shoes have the highest sales in terms of quantity this month.', + isVisible: true + }, }, { value: 'IN STOCK' }, { value: 'Overstack' }, @@ -45,10 +47,7 @@ let sheet: SheetModel[] = [ }, { cells: [ - { - value: 'Flip-Flops & Slippers', - notes: 'These shoes have been the most profitable this month.', - }, + { value: 'Flip-Flops & Slippers' }, { value: 'IN STOCK' }, { value: 'Taobao' }, ], @@ -87,6 +86,7 @@ let spreadsheet: Spreadsheet = new Spreadsheet({ saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', created: function (): void { spreadsheet.cellFormat({ fontWeight: 'bold' }, 'A1:C1'); + spreadsheet.updateCell({ notes: { text: 'This website is best for buying sports shoes.' } }, 'C3:C3'); } }); spreadsheet.appendTo('#spreadsheet'); diff --git a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/system.config.js b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/system.config.js index b1a308828..f0a1ac98d 100644 --- a/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/system.config.js +++ b/Document-Processing/code-snippet/spreadsheet/javascript-es5/note-cs3/system.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { main: "index.ts", diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html index b278908a1..e0378fae6 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/index.html @@ -7,7 +7,7 @@ - + diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js index 503d4886b..4b4909d0f 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs1/systemjs.config.js @@ -14,7 +14,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { app: 'app', diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html index b278908a1..e0378fae6 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/index.html @@ -7,7 +7,7 @@ - + diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js index 503d4886b..4b4909d0f 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs2/systemjs.config.js @@ -14,7 +14,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { app: 'app', diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.jsx index c63a57cd7..6b7d73c56 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.jsx +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.jsx @@ -10,6 +10,7 @@ function App() { let spreadsheet = spreadsheetRef.current; if (spreadsheet) { spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1'); + spreadsheet.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } } @@ -24,12 +25,7 @@ function App() { - - - - - - + diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.tsx b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.tsx index 795cf2a4e..4cb93f2e4 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.tsx +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/app/app.tsx @@ -10,6 +10,7 @@ function App() { let spreadsheet = spreadsheetRef.current; if (spreadsheet) { spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:H1'); + spreadsheet.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } } @@ -24,12 +25,7 @@ function App() { - - - - - - + diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html index b278908a1..e0378fae6 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/index.html @@ -7,7 +7,7 @@ - + diff --git a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js index 503d4886b..4b4909d0f 100644 --- a/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js +++ b/Document-Processing/code-snippet/spreadsheet/react/note-cs3/systemjs.config.js @@ -14,7 +14,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { app: 'app', diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html index fbfb4e36f..0f48f4cb8 100644 --- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html +++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/index.html @@ -9,7 +9,7 @@ - + diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js index 48afc5ccb..00e94a4b5 100644 --- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js +++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs1/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html index fbfb4e36f..0f48f4cb8 100644 --- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html +++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/index.html @@ -9,7 +9,7 @@ - + diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js index 48afc5ccb..00e94a4b5 100644 --- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js +++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs2/systemjs.config.js @@ -10,7 +10,7 @@ System.config({ } }, paths: { - "syncfusion:": "https://cdn.syncfusion.com/ej2/26.1.35/" + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" }, map: { typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", diff --git a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue index 5b7b1b365..465d8c6e9 100644 --- a/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue +++ b/Document-Processing/code-snippet/spreadsheet/vue/note-cs3/app-composition.vue @@ -33,12 +33,11 @@ const width1 = 180; const width2 = 130; const width3 = 120; const rowIndex= 2; -const rowIndex1 = 5; -const cells = [{ index: 0, notes: 'These shoes have the highest sales in terms of quantity this month.'}]; -const cells1= [{index: 0, notes: 'These shoes have been the most profitable this month.'}]; +const cells: [{index: 0, notes: { text: 'These shoes have the highest sales in terms of quantity this month.', isVisible: true } }]; const created = function () { spreadsheet.value.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'A1:H1'); spreadsheet.value.cellFormat({ verticalAlign: 'middle' }, 'A1:H11'); + spreadsheet.updateCell({ notes: { text: 'These shoes have been the most profitable this month.' } }, 'A10:A10'); } + + + +
    +
    Loading....
    +
    + + + \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js new file mode 100644 index 000000000..4b4909d0f --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/react/comment-cs1/systemjs.config.js @@ -0,0 +1,55 @@ +System.config({ + transpiler: "ts", + typescriptOptions: { + target: "es5", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true, + "jsx": "react" + }, + meta: { + 'typescript': { + "exports": "ts" + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" + }, + map: { + app: 'app', + ts: "https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js", + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js", + "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js", + "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js", + "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js", + "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", + "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js", + "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js", + "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js", + "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js", + "@syncfusion/ej2-react-base": "syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js", + "@syncfusion/ej2-react-spreadsheet": "syncfusion:ej2-react-spreadsheet/dist/ej2-react-spreadsheet.umd.min.js", + "react-dom/client": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js", + "react-dom": "https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js", + "react": "https://unpkg.com/react@18.2.0/umd/react.production.min.js", + + }, + packages: { + 'app': { main: 'app', defaultExtension: 'tsx' }, + } + +}); + +System.import('app'); \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue new file mode 100644 index 000000000..87a34e311 --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app-composition.vue @@ -0,0 +1,190 @@ + + + + + \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue new file mode 100644 index 000000000..fbcb4a65e --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/app.vue @@ -0,0 +1,203 @@ + + + + + \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/data.js b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/data.js new file mode 100644 index 000000000..d886bfa1c --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/data.js @@ -0,0 +1,17 @@ +define(["require", "exports"], function (require, exports) { + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + exports.shipmentData = [ + { 'Order ID': 10248, 'Customer Name': 'Paul Henriot', 'Address': '59 rue de l Abbaye', 'Country': 'France', 'Status': 'Delivered' }, + { 'Order ID': 10249, 'Customer Name': 'Karin Josephs', 'Address': 'Luisenstr. 48', 'Country': 'Germany', 'Status': 'Delivered' }, + { 'Order ID': 10250, 'Customer Name': 'Mario Pontes', 'Address': 'Rua do Paço, 67', 'Country': 'Brazil', 'Status': 'Shipped' }, + { 'Order ID': 10251, 'Customer Name': 'Mary Saveley', 'Address': '2, rue du Commerce', 'Country': 'France', 'Status': 'Delivered' }, + { 'Order ID': 10252, 'Customer Name': 'Pascale Cartrain', 'Address': 'Boulevard Tirou, 255', 'Country': 'Belgium', 'Status': 'Shipped' }, + { 'Order ID': 10253, 'Customer Name': 'Carlos Hernández', 'Address': 'Rua do Paço, 67', 'Country': 'Brazil', 'Status': 'Cancelled' }, + { 'Order ID': 10254, 'Customer Name': 'Yang Wang', 'Address': 'Hauptstr. 31', 'Country': 'Switzerland', 'Status': 'Pending' }, + { 'Order ID': 10255, 'Customer Name': 'Antonio Moreno', 'Address': 'Starenweg 5', 'Country': 'Switzerland', 'Status': 'Delivered' }, + { 'Order ID': 10256, 'Customer Name': 'Paula Parente', 'Address': 'Rua do Mercado, 12', 'Country': 'Brazil', 'Status': 'Shipped' }, + { 'Order ID': 10257, 'Customer Name': 'Michael Holz', 'Address': 'Carrera 22 con Ave.', 'Country': 'Venezuela', 'Status': 'Delivered' }, + { 'Order ID': 10258, 'Customer Name': 'Roland Mendel', 'Address': 'Kirchgasse 6', 'Country': 'Austria', 'Status': 'Cancelled' } + ]; +}); \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.css b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.css new file mode 100644 index 000000000..dd4453b8f --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.css @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html new file mode 100644 index 000000000..0f48f4cb8 --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.html @@ -0,0 +1,21 @@ + + + + + + EJ2 Vue Sample + + + + + + + + + + + +
    Loading....
    + + + \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.js b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.js new file mode 100644 index 000000000..9a4ef7890 --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/index.js @@ -0,0 +1,177 @@ +import Vue from "vue"; +import { SpreadsheetPlugin } from "@syncfusion/ej2-vue-spreadsheet"; +import { shipmentData } from './data.js'; +Vue.use(SpreadsheetPlugin); + +new Vue({ + el: '#app', + template: ` + + + + + + + + + + + + + + + + + + + + + + + + + + `, + data: () => { + return { + dataSource: shipmentData, + openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open', + saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save', + cells1: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Confirm delivery status for Order 10248.', + createdTime: 'November 18, 2025 at 3:00 PM', + isResolved: true, + replies: [ + { author: 'Cristi Espinos', text: 'Status verified as delivered.', createdTime: 'November 18, 2025 at 3:30 PM' }, + { author: 'Julius Gorner', text: 'Acknowledged, thank you.', createdTime: 'November 18, 2025 at 3:45 PM' } + ] + } + }], + cells2: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Order 10250 is marked as Shipped, any update on current status?', + createdTime: 'November 16, 2025 at 9:00 PM', + isResolved: false, + replies: [ + { author: 'Cristi Espinos', text: 'Shipment is in transit.', createdTime: 'November 17, 2025 at 3:30 PM' }, + { author: 'Julius Gorner', text: 'Thanks for the update.', createdTime: 'November 17, 2025 at 3:45 PM' } + ] + } + }], + cells3: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Reason for cancellation of Order 10253?', + createdTime: 'November 18, 2025 at 1:00 PM', + isResolved: false, + replies: [ + { author: 'Cristi Espinos', text: 'Customer requested cancellation.', createdTime: 'November 18, 2025 at 1:30 PM' }, + { author: 'Julius Gorner', text: 'Understood, thanks.', createdTime: 'November 18, 2025 at 3:15 PM' } + ] + } + }], + cells4: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Pending status for Order 10254 - any progress?', + createdTime: 'November 19, 2025 at 3:00 PM', + isResolved: false, + replies: [ + { author: 'Cristi Espinos', text: 'Awaiting customs clearance.', createdTime: 'November 19, 2025 at 3:30 PM' }, + { author: 'Julius Gorner', text: 'Please keep me posted,', createdTime: 'November 19, 2025 at 3:45 PM' } + ] + } + }], + cells5: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Order 10256 shipped, tracking details shared?', + createdTime: 'November 18, 2025 at 3:00 AM', + isResolved: false, + replies: [ + { author: 'Cristi Espinos', text: 'Tracking sent via email,', createdTime: 'November 18, 2025 at 3:30 AM' }, + { author: 'Julius Gorner', text: 'Received, thank you,', createdTime: 'November 18, 2025 at 3:45 AM' } + ] + } + }], + cells6: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Delivered order 10257, confirm recipient name.', + createdTime: 'November 18, 2025 at 2:00 PM', + isResolved: true, + replies: [ + { author: 'Cristi Espinos', text: 'Recipient verified as Michael Holz.', createdTime: 'November 18, 2025 at 2:30 PM' }, + { author: 'Julius Gorner', text: 'Great, noted.', createdTime: 'November 18, 2025 at 2:45 PM' } + ] + } + }], + cells7: [{ + index: 4, + comment: { + author: 'Julius Gorner', + text: 'Order 10258 cancelled, reason documented?', + createdTime: 'November 18, 2025 at 12:00 PM', + isResolved: false, + replies: [ + { author: 'Cristi Espinos', text: 'Customer changed requirements', createdTime: 'November 18, 2025 at 12:30 PM' }, + { author: 'Julius Gorner', text: 'Understood, thanks.', createdTime: 'November 18, 2025 at 12:45 PM' } + ] + } + }] + } + }, + methods: { + created: function () { + var spreadsheet = this.$refs.spreadsheet; + spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Shipment Details!A1:F1'); + // Add comment using updateCell. + spreadsheet.updateCell({ + comment: { + author: 'Cristi Espinos', + text: 'Validate customer name for Order 10249.', + createdTime: 'November 18, 2025 at 4:00 PM', + isResolved: false, + replies: [ + { author: 'Julius Gorner', text: 'Confirmed as Karin Josephs', createdTime: 'November 18, 2025 at 4:30 PM' }, + { author: 'Cristi Espinos', text: 'Perfect, noted.', createdTime: 'November 18, 2025 at 5:30 PM' } + ] + } + }, 'Shipment Details!B3'); + + spreadsheet.updateCell({ + comment: { + author: 'Cristi Espinos', + text: 'Verify address details for delivery.', + createdTime: 'November 18, 2025 at 4:00 PM', + isResolved: true, + replies: [ + { author: 'Julius Gorner', text: 'Address confirmed as Boulevard Tirou, 255.', createdTime: 'November 18, 2025 at 4:30 PM' } + ] + } + }, 'Shipment Details!C6'); + + spreadsheet.updateCell({ + comment: { + author: 'Cristi Espinos', + text: 'Confirm country for Order 10255 delivery.', + createdTime: 'November 18, 2025 at 4:00 PM', + isResolved: false, + replies: [ + { author: 'Julius Gorner', text: 'Country verified as Switzerland.', createdTime: 'November 18, 2025 at 4:30 PM' }, + { author: 'Cristi Espinos', text: 'Acknowledged.', createdTime: 'November 18, 2025 at 5:30 PM' } + ] + } + }, 'Shipment Details!D9'); + } + } +}); \ No newline at end of file diff --git a/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js new file mode 100644 index 000000000..00e94a4b5 --- /dev/null +++ b/Document-Processing/code-snippet/spreadsheet/vue/comment-cs1/systemjs.config.js @@ -0,0 +1,44 @@ +System.config({ + transpiler: "typescript", + typescriptOptions: { + compilerOptions: { + target: "umd", + module: "commonjs", + moduleResolution: "node", + emitDecoratorMetadata: true, + experimentalDecorators: true + } + }, + paths: { + "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/" + }, + map: { + typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js", + vue: "https://unpkg.com/vue@2.6.14/dist/vue.min.js", + "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-spreadsheet": "syncfusion:ej2-spreadsheet/dist/ej2-spreadsheet.umd.min.js", + "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js", + "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js", + "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js", + "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js", + "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js", + "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js", + "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js", + "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js", + "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js", + "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js", + "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js", + "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js", + "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js", + "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js", + "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js", + "@syncfusion/ej2-charts": "syncfusion:ej2-charts/dist/ej2-charts.umd.min.js", + "@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js", + "@syncfusion/ej2-vue-base": "syncfusion:ej2-vue-base/dist/ej2-vue-base.umd.min.js", + "@syncfusion/ej2-vue-buttons": "syncfusion:ej2-vue-buttons/dist/ej2-vue-buttons.umd.min.js", + "@syncfusion/ej2-vue-spreadsheet": "syncfusion:ej2-vue-spreadsheet/dist/ej2-vue-spreadsheet.umd.min.js" + } +}); + +System.import('index.js'); \ No newline at end of file From 6678d90eb2f366e9642ceda1fc6d9b6346a3ddf6 Mon Sep 17 00:00:00 2001 From: gopinathan-sf4977 Date: Fri, 19 Dec 2025 19:44:22 +0530 Subject: [PATCH 014/122] 999367: Resolved preview sample issue --- Document-Processing/Excel/Spreadsheet/Angular/comment.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Angular/comment.md b/Document-Processing/Excel/Spreadsheet/Angular/comment.md index 43f35f1b8..f6b481ace 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/comment.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/comment.md @@ -183,8 +183,6 @@ In the below sample, comments are added to a specific cell using cell data bindi {% endhighlight %} {% endtabs %} -{% previewsample "/document-processing/samples/spreadsheet/angular/comment-cs1" %} - ### Important Notes * **One thread per cell**: Attach a single `comment` object per cell. New remarks should be added as replies inside the existing thread. * **Author Identity**: The author name for each comment and reply is static once set. When exporting, the author information is preserved for all comments, even if multiple authors exist in the workbook. From 44191fd4ae4138fd87e6bb011f15957bde08f671 Mon Sep 17 00:00:00 2001 From: gopinathan-sf4977 Date: Fri, 19 Dec 2025 19:51:04 +0530 Subject: [PATCH 015/122] 999367: Resolved preview sample issue --- Document-Processing/Excel/Spreadsheet/Angular/comment.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Document-Processing/Excel/Spreadsheet/Angular/comment.md b/Document-Processing/Excel/Spreadsheet/Angular/comment.md index f6b481ace..43f35f1b8 100644 --- a/Document-Processing/Excel/Spreadsheet/Angular/comment.md +++ b/Document-Processing/Excel/Spreadsheet/Angular/comment.md @@ -183,6 +183,8 @@ In the below sample, comments are added to a specific cell using cell data bindi {% endhighlight %} {% endtabs %} +{% previewsample "/document-processing/samples/spreadsheet/angular/comment-cs1" %} + ### Important Notes * **One thread per cell**: Attach a single `comment` object per cell. New remarks should be added as replies inside the existing thread. * **Author Identity**: The author name for each comment and reply is static once set. When exporting, the author information is preserved for all comments, even if multiple authors exist in the workbook. From e6baa77c84ffebdf904210c7bc3b2b2203499bd1 Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Mon, 22 Dec 2025 16:05:34 +0530 Subject: [PATCH 016/122] 1000669-AddYouTubeLink --- .../Excel/Excel-Library/NET/Working-with-Drawing-Objects.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/Document-Processing/Excel/Excel-Library/NET/Working-with-Drawing-Objects.md b/Document-Processing/Excel/Excel-Library/NET/Working-with-Drawing-Objects.md index d132ede8a..70f84d234 100644 --- a/Document-Processing/Excel/Excel-Library/NET/Working-with-Drawing-Objects.md +++ b/Document-Processing/Excel/Excel-Library/NET/Working-with-Drawing-Objects.md @@ -924,6 +924,9 @@ A complete working example to remove comment in C# is present on [this GitHub pa Threaded comments are a way to add and organize annotations or discussions related to specific cells in a worksheet. [IThreadedComment](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IThreadedComment.html) object represents a threaded comment in a worksheet. +To quickly learn how to add, reply to, resolve, delete, and clear threaded comments in Excel documents, check out this video. +{% youtube "https://www.youtube.com/watch?v=h8x62gZLxng" %} + ### Create The following code explains how to create a threaded comment for a specific cell using [AddThreadedComment](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IRange.html#Syncfusion_XlsIO_IRange_AddThreadedComment_System_String_System_String_System_DateTime_) method. From 15c3900abf0929d193a8d3ca89924ba0d35e0e0c Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar Date: Tue, 23 Dec 2025 03:00:16 +0530 Subject: [PATCH 017/122] Added the release notes MD file and corresponding node entry in the TOC.html file --- Document-Processing-toc.html | 2 +- Document-Processing/Release-Notes/v32.1.20.md | 16 ++++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 Document-Processing/Release-Notes/v32.1.20.md diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 86a6fb21b..9068bf824 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -7243,7 +7243,7 @@
    • 2025 Volume 4 - v32.* -
        + diff --git a/Document-Processing/Release-Notes/v32.1.20.md b/Document-Processing/Release-Notes/v32.1.20.md new file mode 100644 index 000000000..fd118f7b0 --- /dev/null +++ b/Document-Processing/Release-Notes/v32.1.20.md @@ -0,0 +1,16 @@ +--- +title : Essential Studio® for Document Processing Release Notes - v32.1.20 +description : Learn here about the controls in the Essential Studio® for Document Processing Weekly Nuget Release - Release Notes - v32.1.20 +platform : document-processing +documentation: ug +--- + +# Essential Studio® for Document Processing - v32.1.20 Release Notes + +{% include release-info.html date="December 23, 2025" version="v32.1.20" %} + +{% directory path: _includes/release-notes/v32.1.20 %} + +{% include {{file.url}} %} + +{% enddirectory %} \ No newline at end of file From f4c0d65f926a598f5a88a7604c37f6e303245a38 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Tue, 23 Dec 2025 11:59:36 +0530 Subject: [PATCH 018/122] 1234: Updated Video Reference form fields and form Designer for React PDF Viewer. --- .../PDF-Viewer/react/form-designer/create-programmatically.md | 3 +++ .../form-designer/create-with-user-interface-interaction.md | 3 +++ Document-Processing/PDF/PDF-Viewer/react/form-filling.md | 3 +++ 3 files changed, 9 insertions(+) diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md index e8bd923b0..ea681f2b2 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md @@ -20,6 +20,9 @@ The PDF Viewer component provides options to add, edit, and delete form fields. - Signature field - Initial field +Check the following video to learn how to work with form Designer in React PDF Viewer. +{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %} + ## Add a form field to PDF document programmatically Use the addFormField method to add form fields programmatically. Pass the form field type and the corresponding property object as parameters. The following example demonstrates adding multiple fields on document load. diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-with-user-interface-interaction.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-with-user-interface-interaction.md index a3068725c..cdfca17ec 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-with-user-interface-interaction.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-with-user-interface-interaction.md @@ -20,6 +20,9 @@ The PDF Viewer component supports interactive form field design, including drawi - Signature field - Initial field +Check the following video to learn how to work with form Designer in React PDF Viewer. +{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %} + ## Enable or Disable form designer toolbar Inject the FormDesigner module and set enableFormDesignerToolbar to true to display the Form Designer icon on the toolbar. The default value is true. Use the following code to enable the toolbar option. diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-filling.md b/Document-Processing/PDF/PDF-Viewer/react/form-filling.md index c50071a9d..428c5e4b4 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-filling.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-filling.md @@ -12,6 +12,9 @@ domainurl: ##DomainURL## The PDF Viewer displays existing form fields in a PDF and enables users to fill, validate, and download the filled data. +Check the following video to learn how to work with form fields in React PDF Viewer. +{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %} + The PDF Viewer supports the following form field types: * Text box From fc172fffab7e2117cec45c779519e3c352b4b54a Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar Date: Tue, 23 Dec 2025 13:19:33 +0530 Subject: [PATCH 019/122] test results are updated in Document-Processing/Release-Notes/v32.1.20.md --- Document-Processing/Release-Notes/v32.1.20.md | 26 +++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/Document-Processing/Release-Notes/v32.1.20.md b/Document-Processing/Release-Notes/v32.1.20.md index fd118f7b0..49843b92a 100644 --- a/Document-Processing/Release-Notes/v32.1.20.md +++ b/Document-Processing/Release-Notes/v32.1.20.md @@ -7,10 +7,32 @@ documentation: ug # Essential Studio® for Document Processing - v32.1.20 Release Notes -{% include release-info.html date="December 23, 2025" version="v32.1.20" %} +{% include release-info.html date="December 23, 2025" version="v32.1.20" passed="226408" failed="0" %} {% directory path: _includes/release-notes/v32.1.20 %} {% include {{file.url}} %} -{% enddirectory %} \ No newline at end of file +{% enddirectory %} + +## Test Results + +| Component Name | Platform | Test Cases | Passed | Failed | Remarks | +|----------------|----------|------------|--------|--------|---------| +| Calculate Library | .NET | 145 | 145 | 0 | All Passed | +| DOCX Editor | Blazor | 1944 | 1944 | 0 | All Passed | +| DOCX Editor | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5023 | 5023 | 0 | All Passed | +| Excel Library | .NET | 37900 | 37900 | 0 | All Passed | +| Metafile Renderer | .NET | 863 | 863 | 0 | All Passed | +| PDF Library | .NET | 13712 | 13712 | 0 | All Passed | +| PDF Viewer | Blazor | 14722 | 14722 | 0 | All Passed | +| PDF Viewer | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19374 | 19374 | 0 | All Passed | +| PDF Viewer | Windows Forms | 207 | 207 | 0 | All Passed | +| PDF Viewer | WPF | 2998 | 2998 | 0 | All Passed | +| PDF Viewer | .NET MAUI | 14684 | 14684 | 0 | All Passed | +| PowerPoint Library | .NET | 54516 | 54516 | 0 | All Passed | +| Spreadsheet | Blazor | 2870 | 2870 | 0 | All Passed | +| Spreadsheet | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10411 | 10411 | 0 | All Passed | +| Spreadsheet | WPF | 2697 | 2697 | 0 | All Passed | +| Word Library | .NET | 40263 | 40263 | 0 | All Passed | +| Word Library | Java | 4079 | 4079 | 0 | All Passed | \ No newline at end of file From 9ae73e4994ed0403437eec89af95c72a6320ced7 Mon Sep 17 00:00:00 2001 From: AtchayaSekar28 Date: Tue, 23 Dec 2025 16:03:53 +0530 Subject: [PATCH 020/122] 999869 Update the API key filepath support in the mcp document - HF --- .../ai-coding-assistant/mcp-server.md | 33 ++++++++++++++++--- 1 file changed, 29 insertions(+), 4 deletions(-) diff --git a/Document-Processing/ai-coding-assistant/mcp-server.md b/Document-Processing/ai-coding-assistant/mcp-server.md index dca89023a..baf82dbe7 100644 --- a/Document-Processing/ai-coding-assistant/mcp-server.md +++ b/Document-Processing/ai-coding-assistant/mcp-server.md @@ -55,11 +55,30 @@ Before you can invoke the ```SyncfusionDocumentSDKAssistant``` MCP server, you n * **Arguments**: -y * **Server name**: syncfusionDocumentSDKAssistant -You need to add your [Syncfusion API key](https://syncfusion.com/account/api-key) as an env parameter in the configuration file: +#### API Key Configuration +Login to your [Syncfusion account](http://syncfusion.com/account/) and generate an API Key from the [API Key page](https://www.syncfusion.com/account/api-key). Replace `YOUR_API_KEY_FILE_PATH` or `YOUR_API_KEY` in the configuration files with your generated key. + +There are two options: + +* **Using an API Key File (Recommended)** + + Store your API key in a separate file and reference its path in the `Syncfusion_API_Key_Path` environment parameter. This approach is more secure as you don't expose the key directly in configuration files. + + **Supported file formats:** `.txt` or `.key` file + +~~~json + "env": { + "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH" // "D:\\syncfusion-key.txt" (or) "D:\\syncfusion-key.key" + } ~~~ - "env": { - "Syncfusion_API_Key": "YOUR_API_KEY" +* **Direct API Key** + + Paste your `Syncfusion_API_Key` directly in the configuration file's environment parameter. + +~~~json + "env": { + "Syncfusion_API_Key": "YOUR_API_KEY" } ~~~ @@ -89,6 +108,8 @@ For additional details, see the Code Studio [documentation](https://help.syncfus "@syncfusion/documentsdk-assistant@latest" ], "env": { + "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH", + // or "Syncfusion_API_Key": "YOUR_API_KEY" } } @@ -96,7 +117,7 @@ For additional details, see the Code Studio [documentation](https://help.syncfus } ~~~ - * After updating the configuration in settings.json, you’ll notice a “Start” option at the top of the config. This allows you to easily start the SyncfusionDocumentSDKAssistant server directly from the settings interface without additional commands. + * After updating the configuration in mcp.json, you’ll notice a “Start” option at the top of the config. This allows you to easily start the SyncfusionDocumentSDKAssistant server directly from the settings interface without additional commands. * Confirm that SyncfusionDocumentSDKAssistant is being used (this does not happen automatically). Look for a statement in the output, which is similar to: @@ -118,6 +139,8 @@ To configure an MCP server for a specific workspace, you can create a .cursor/mc "@syncfusion/documentsdk-assistant@latest" ], "env": { + "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH", + // or "Syncfusion_API_Key": "YOUR_API_KEY" } } @@ -142,6 +165,8 @@ For more details, refer to the Date: Tue, 23 Dec 2025 19:08:03 +0530 Subject: [PATCH 021/122] 988546-PreserveTypes --- .../NET/Import-Export/Import-to-Excel.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md b/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md index 8348f801d..0303e0229 100644 --- a/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md +++ b/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md @@ -75,6 +75,24 @@ A complete working example to import data from DataTable to Excel in C# is prese N> XlsIO imports the data from data table into Excel worksheet based on the data table column type. So, it is suggested to create the data tables with required column types such as number, text or date time before importing the data table to Excel worksheet. +### Preserve Data Types + +To preserve data types when importing a DataTable into an Excel worksheet and prevent Excel's automatic type conversions, set the **preserveTypes** parameter of the ImportDataTable method to **true**. + +{% tabs %} +{% highlight c# tabtitle="C# [Cross-platform]" %} +worksheet.ImportDataTable(table, false, 1, 1, true); // preserveTypes = true +{% endhighlight %} + +{% highlight c# tabtitle="C# [Windows-specific]" %} +worksheet.ImportDataTable(table, false, 1, 1, true); // preserveTypes = true +{% endhighlight %} + +{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} +worksheet.ImportDataTable(table, False, 1, 1, True) ' preserveTypes = True +{% endhighlight %} +{% endtabs %} + ## DataColumn to Excel The following code example illustrates how to import DataColumn into an Excel using [ImportDataColumn](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_ImportDataColumn_System_Data_DataColumn_System_Boolean_System_Int32_System_Int32_) method. From 5fbc39ce1a3a5cfd1e5a8cd76396d7e06250b01a Mon Sep 17 00:00:00 2001 From: Kathiresan4347 <159137198+Kathiresan4347@users.noreply.github.com> Date: Wed, 24 Dec 2025 11:44:14 +0530 Subject: [PATCH 022/122] ES-998478-Changes Added --- .../Word/Word-Library/NET/faqs/word-document-faqs.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md b/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md index 27d397db4..baca0b779 100644 --- a/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md +++ b/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md @@ -673,3 +673,15 @@ No, it's not possible to get the exact position (like X, Y coordinates or page n This is because a Word document is a flow-based document, where contents are not preserved page by page. Instead, the contents are preserved sequentially, section by section. Each section may extend across multiple pages based on its contents, such as tables, text, images, and more. Position information of elements is not maintained at the file level in a Word document. DocIO is a non-UI component that provides a full-fledged document object model to manipulate the Word document contents based on file-level information. Hence, it is not feasible to retrieve the position of an element within a Word document using DocIO. + +#Sensitivity Labels in Word Documents + +##What are sensitivity labels? +Sensitivity labels are used to classify and protect files in accordance with your organization’s information protection policies. These labels can be applied manually by users or automatically based on predefined rules. Sensitivity labels indicate the classification level of a file and can enforce protection settings such as encryption and access restrictions. +Microsoft Purview Information Protection provides sensitivity labels to help organizations safeguard their data while maintaining user productivity and collaboration. + +##Does DocIO support sensitivity labels? +No, Sensitivity labels are organization-level settings and are not stored within the word document itself. Therefore, DocIO does not support applying or preserving sensitivity labels. + +##Can DocIO Open a Document with Sensitivity Labels Applied? +If a document is encrypted due to its sensitivity label configuration, DocIO cannot open it because the content is stored in an encrypted format and requires an authorized Microsoft account for access. From 5919b2bdae85a77eddfdfa8c17db327140358ece Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 24 Dec 2025 12:50:09 +0530 Subject: [PATCH 023/122] 995973-IconSetSupport --- ...pport-changing-the-colors-of-built-in-icon-sets.md | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-changing-the-colors-of-built-in-icon-sets.md diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-changing-the-colors-of-built-in-icon-sets.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-changing-the-colors-of-built-in-icon-sets.md new file mode 100644 index 000000000..2a058a1fe --- /dev/null +++ b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-changing-the-colors-of-built-in-icon-sets.md @@ -0,0 +1,11 @@ +--- +title: Support for changing icon set colors in Excel | Syncfusion +description: This page explains whether Syncfusion XlsIO supports changing the colors of built-in icon sets in Excel using the Syncfusion .NET Excel library (XlsIO). +platform: document-processing +control: XlsIO +documentation: UG +--- + +# Does XlsIO support changing the colors of built-in icon sets? + +No. In Microsoft Excel, the colors of built-in icon sets used in conditional formatting (such as arrows, traffic lights, and symbols) are fixed and cannot be customized. XlsIO follows the same behavior and does not provide support for changing these icon colors programmatically. You can apply icon sets and configure their thresholds through conditional formatting, but the icon colors remain predefined by Excel. \ No newline at end of file From 3cd54d99f3932150be74e97af56112c8ef3a4049 Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 24 Dec 2025 13:05:32 +0530 Subject: [PATCH 024/122] Dec2SprintNavigationLink --- Document-Processing-toc.html | 3 +++ 1 file changed, 3 insertions(+) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index cf5620176..f44c2779c 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -6089,6 +6089,9 @@
      • How to retrieve the first cell in the used range in Excel?
        • +
      • + Does XlsIO support changing the colors of built-in icon sets? +
    From 2783e2c89faa8cb984738daf45353c13680962b4 Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 24 Dec 2025 13:27:24 +0530 Subject: [PATCH 025/122] Dec2SprintNavigationLink --- Document-Processing-toc.html | 6 ------ 1 file changed, 6 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index f44c2779c..7a962e72e 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -6086,12 +6086,6 @@
  • How to set the first item in a list as the default value in an Excel?
    • -
  • - How to retrieve the first cell in the used range in Excel? -
    • -
  • - Does XlsIO support changing the colors of built-in icon sets? -
    • From be52f4a060d5a8b42228e919496906fde371bdbd Mon Sep 17 00:00:00 2001 From: KarthikaSF4773 Date: Wed, 24 Dec 2025 13:29:57 +0530 Subject: [PATCH 026/122] Dec2SprintNavigationLink --- Document-Processing-toc.html | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 9068bf824..459fe62e7 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -6098,6 +6098,12 @@
  • How to preserve leading zeros when importing DataTable to Excel?
    • +
  • + How to retrieve the first cell in the used range in Excel? +
    • +
  • + Does XlsIO support changing the colors of built-in icon sets? +
    • From 4d238846d0efff96240f266ce830128feecb62ec Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Tue, 23 Dec 2025 17:38:34 +0530 Subject: [PATCH 027/122] 1000370: Preview Sample Issues Resolved in JS --- .../annotations/text-markup-annotation.md | 18 +++++++++--------- .../form-designer/create-programmatically.md | 6 +++--- .../getting-started-with-server-backed.md | 2 +- .../javascript-es5/getting-started.md | 2 +- .../how-to/custom-context-menu-js.md | 2 +- .../PDF/PDF-Viewer/javascript-es5/toolbar.md | 8 ++++---- 6 files changed, 19 insertions(+), 19 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md index 4f9df6aea..85681587e 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md @@ -47,7 +47,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/highlight-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/highlight-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from highlight mode. @@ -61,7 +61,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/highlight-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/highlight-normal-mode-cs1" %} ## Highlight text programmatically @@ -152,7 +152,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/underline-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/underline-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from underline mode. @@ -167,7 +167,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/underline-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/underline-normal-mode-cs1" %} ## Underline text programmatically @@ -259,7 +259,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/strikethrough-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/strikethrough-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from strikethrough mode. @@ -273,7 +273,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/strikethrough-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/strikethrough-normal-mode-cs1" %} ## Strikethrough text programmatically @@ -363,7 +363,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/squiggly-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/squiggly-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from squiggly mode. @@ -377,7 +377,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/squiggly-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/squiggly-normal-mode-cs1" %} ## Add squiggly to text programmatically @@ -531,7 +531,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/undo-redo-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-text-markup-annotation/undo-redo-cs1" %} ## Save text markup annotations diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md index 3a73f2b88..68f19c50c 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md @@ -37,7 +37,7 @@ Use the addFormField method to add form fields programmatically. Pass the form f N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.html` file: `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/addformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/addformfield-cs1" %} ## Edit/Update form field programmatically @@ -55,7 +55,7 @@ Use the updateFormField method to modify a form field programmatically. Retrieve N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.html` file: `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/updateformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/updateformfield-cs1" %} ## Delete form field programmatically @@ -73,7 +73,7 @@ Use the deleteFormField method to remove a form field programmatically. Retrieve N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.html` file: `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/deleteformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/deleteformfield-cs1" %} ## Saving the form fields diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md index 8e98b9384..9be698ee6 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md @@ -47,7 +47,7 @@ document.getElementById('load').addEventListener('click', function () { N> The Web API hosted link https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer utilized in the PDF viewer's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server) for hosting your own web service and use for the serviceUrl property. **We strongly recommend using the standalone mode.** -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-getting-started-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-getting-started-cs1" %} ## Run the application diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md index 6a005580d..090208b99 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started.md @@ -37,7 +37,7 @@ The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaS {% endhighlight %} {% endtabs %} -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-getting-started-cs2/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-getting-started-cs2" %} ### Steps to Load PDF Viewer with Local Resources diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md index f41cc0c91..965882020 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md @@ -276,6 +276,6 @@ N> To set up the **server-backed PDF Viewer**, Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/custom-context-menu/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/custom-context-menu" %} [View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md index b534d4eca..8aa9c5afb 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md @@ -66,7 +66,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-hide-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-hide-cs1" %} * **Show/Hide toolbar using showToolbar as in the following code snippet** @@ -80,7 +80,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-method-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-method-cs1" %} ## Show/Hide the default toolbaritem @@ -98,7 +98,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-items-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-items-cs1" %} * **Show/Hide toolbaritem using showToolbaritem as in the following code snippet** @@ -112,7 +112,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-items-method-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-items-method-cs1" %} ## Customize Built-In Toolbar From 5df3371c30c44dc67487c36e09b2f64a6d744270 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Tue, 23 Dec 2025 18:00:17 +0530 Subject: [PATCH 028/122] 1000370: Preview sample issues in React PDF Viewer --- .../react/form-designer/create-programmatically.md | 6 +++--- .../react/getting-started-with-server-backed.md | 2 +- .../PDF/PDF-Viewer/react/getting-started.md | 2 +- .../PDF/PDF-Viewer/react/how-to/custom-context-menu.md | 2 +- Document-Processing/PDF/PDF-Viewer/react/toolbar.md | 8 ++++---- 5 files changed, 10 insertions(+), 10 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md index ea681f2b2..66d675074 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md @@ -138,7 +138,7 @@ root.render(); N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file: `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/addformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/addformfield-cs1" %} ## Edit/Update form field programmatically @@ -256,7 +256,7 @@ root.render(); N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file: `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/updateformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/updateformfield-cs1" %} ## Delete form field programmatically @@ -374,7 +374,7 @@ root.render(); N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file: `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/deleteformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/deleteformfield-cs1" %} ## setFormFieldMode programmatically diff --git a/Document-Processing/PDF/PDF-Viewer/react/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/react/getting-started-with-server-backed.md index 5fae8f75f..d9fd3e5f4 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/react/getting-started-with-server-backed.md @@ -184,7 +184,7 @@ Output will be appears as follows. {% endhighlight %} {% endtabs %} -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs1" %} > For PDF Viewer serviceUrl creation, follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/how-to/create-pdfviewer-service) diff --git a/Document-Processing/PDF/PDF-Viewer/react/getting-started.md b/Document-Processing/PDF/PDF-Viewer/react/getting-started.md index f4724c498..2bda29aea 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/react/getting-started.md @@ -301,6 +301,6 @@ root.render(); {% endhighlight %} {% endtabs %} -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs1-standalone/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs1-standalone" %} > You can refer to our [React PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk) feature tour page for its groundbreaking feature representations. You can also explore our [React PDF Viewer example](https://document.syncfusion.com/demos/pdf-viewer/react/#/tailwind3/pdfviewer/default) to understand how to explains core features of PDF Viewer. diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md index 8178ae2f4..9cc692ec7 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md @@ -324,6 +324,6 @@ The following is the output of the custom context menu with customization. N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the
    element in either the `index.TSX` or `index.JSX` file: **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**. -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/custom-context-menu/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/custom-context-menu" %} [View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar.md index 4bfb68eb2..dfafa751e 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar.md @@ -98,7 +98,7 @@ root.render(); N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the
    element in either the `index.tsx` or `index.jsx` file: **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**. -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs2/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs2" %} [View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/blob/master/Toolbar/How%20to%20hide%20toolbar/src/index.js) @@ -178,7 +178,7 @@ root.render(); N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the
    element in either the `index.tsx` or `index.jsx` file: **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**. -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs3/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs3" %} ## Show/Hide the built-in toolbaritem @@ -250,7 +250,7 @@ root.render(); N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the
    element in either the `index.tsx` or `index.jsx` file: **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**. -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs4/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs4" %} * **Show/Hide toolbaritem using showToolbaritem as in the following code snippet** @@ -326,7 +326,7 @@ root.render(); N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the
    element in either the `index.tsx` or `index.jsx` file: **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**. -{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs5/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs5" %} ## Customize Built-In Toolbar From 32538d6bb560bdb07ba803f250f4443ae1dcce04 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Tue, 23 Dec 2025 18:27:12 +0530 Subject: [PATCH 029/122] 1000370: Preview Sample Issues resolved in Vue --- .../vue/form-designer/create-programmatically.md | 6 +++--- .../PDF-Viewer/vue/getting-started-with-server-backed.md | 2 +- Document-Processing/PDF/PDF-Viewer/vue/getting-started.md | 2 +- .../PDF/PDF-Viewer/vue/how-to/custom-context-menu.md | 2 +- Document-Processing/PDF/PDF-Viewer/vue/toolbar.md | 8 ++++---- 5 files changed, 10 insertions(+), 10 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/vue/form-designer/create-programmatically.md index af6032b7d..db2c1a9e7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/form-designer/create-programmatically.md @@ -149,7 +149,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/addformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/addformfield-cs1" %} ## Edit or update form field programmatically @@ -282,7 +282,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/updateformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/updateformfield-cs1" %} ## Delete form field programmatically @@ -414,7 +414,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/deleteformfield-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/deleteformfield-cs1" %} ## Saving the form fields diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md index f4a4c317f..044374921 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md @@ -291,7 +291,7 @@ or yarn run serve ``` -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/getting-started-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/getting-started-cs1" %} ## Module injection diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md index c4262ec9a..c234df8e9 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started.md @@ -292,7 +292,7 @@ export default { {% endhighlight %} {% endtabs %} -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/getting-started-cs2/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/getting-started-cs2" %} [View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples/tree/master/Getting%20Started%20-%20Standalone) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md index 00859e9d5..96ae5e298 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md @@ -849,6 +849,6 @@ N> To set up the **server-backed PDF Viewer** in the app.Vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/custom-context-menu/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/custom-context-menu" %} [View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples/tree/master/How%20to/Customize%20context%20menu) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md index c1d9cebe9..fd746aadf 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md @@ -102,7 +102,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/toolbar/toolbar-hide-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/toolbar/toolbar-hide-cs1" %} * **Show/Hide toolbar using showToolbar as in the following code snippet** @@ -181,7 +181,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/toolbar/toolbar-method-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/toolbar/toolbar-method-cs1" %} ## Show/Hide the built-in toolbaritem @@ -261,7 +261,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. -{% previewsample "Document-Processing/code-snippet/pdfviewer/vue/toolbar/toolbar-items-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/vue/toolbar/toolbar-items-cs1" %} * **Show/Hide toolbaritem using showToolbaritem as in the following code snippet** @@ -346,7 +346,7 @@ N> To set up the **server-backed PDF Viewer** in the app.vue file, include the f **serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"** Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serviceUrl"` attribute inside the
    element. - {% previewsample "Document-Processing/code-snippet/pdfviewer/vue/toolbar/toolbar-items-method-cs1/index.html" %} + {% previewsample "/document-processing/code-snippet/pdfviewer/vue/toolbar/toolbar-items-method-cs1" %} ## Customize Built-In Toolbar From 55130a3d7cb06dc2c22ca1a514d06a9656866ddc Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Tue, 23 Dec 2025 18:32:25 +0530 Subject: [PATCH 030/122] 1000370: Preview Sample Issues fix in Angular --- .../angular/form-designer/create-programmatically.md | 6 +++--- .../angular/getting-started-with-server-backed.md | 2 +- .../PDF/PDF-Viewer/angular/getting-started.md | 2 +- .../PDF/PDF-Viewer/angular/how-to/custom-context-menu.md | 2 +- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/angular/form-designer/create-programmatically.md index 6db092f4d..ee1b36ccd 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/form-designer/create-programmatically.md @@ -94,7 +94,7 @@ N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`; Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element. -{% previewsample "Document-Processing/samples/pdfviewer/anagular/addformfield-cs1/index.html" %} +{% previewsample "/document-processing/samples/pdfviewer/anagular/addformfield-cs1" %} ## Edit/Update form field programmatically @@ -170,7 +170,7 @@ N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`; Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element. -{% previewsample "Document-Processing/samples/pdfviewer/angular/updateformfield-cs1/index.html" %} +{% previewsample "/document-processing/samples/pdfviewer/angular/updateformfield-cs1" %} ## Delete form field programmatically @@ -246,7 +246,7 @@ N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`; Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element. -{% previewsample "Document-Processing/samples/pdfviewer/angular/deleteformfield-cs1/index.html" %} +{% previewsample "/document-processing/samples/pdfviewer/angular/deleteformfield-cs1" %} The following code illustrates how to delete a signature from the signature field using the `retrieveFormFields` and `clearFormFields` APIs. diff --git a/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md index 5d1d997aa..7a5663b81 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/getting-started-with-server-backed.md @@ -150,7 +150,7 @@ platformBrowserDynamic().bootstrapModule(AppModule) ``` -{% previewsample "Document-Processing/samples/pdfviewer/angular/getting-started-cs1/index.html" %} +{% previewsample "/document-processing/samples/pdfviewer/angular/getting-started-cs1" %} > For PDF Viewer serviceUrl creation, follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/how-to/create-pdfviewer-service) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md b/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md index 67aeadca7..fc56dc6e8 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/getting-started.md @@ -215,7 +215,7 @@ platformBrowserDynamic().bootstrapModule(AppModule) {% endhighlight %} {% endtabs %} -{% previewsample "Document-Processing/samples/pdfviewer/angular/getting-started-cs1-standalone/index.html" %} +{% previewsample "/document-processing/samples/pdfviewer/angular/getting-started-cs1-standalone" %} ## Module injection diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md index 9f5583368..b7e0cd1af 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md @@ -227,6 +227,6 @@ Add the below serviceUrl in the `app.component.ts` file `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`; Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element. -{% previewsample "Document-Processing/samples/pdfviewer/angular/custom-context-menu/index.html" %} +{% previewsample "/document-processing/samples/pdfviewer/angular/custom-context-menu" %} [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu) \ No newline at end of file From 9c05c9d06487cd1662b6a0ced55fa43a988f238c Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Wed, 24 Dec 2025 13:14:27 +0530 Subject: [PATCH 031/122] 1000370: Resolved CI failures --- .../PDF-Viewer/angular/how-to/custom-context-menu.md | 4 ++-- .../annotations/text-markup-annotation.md | 8 ++++---- .../form-designer/create-programmatically.md | 2 +- .../getting-started-with-server-backed.md | 2 +- .../javascript-es5/how-to/custom-context-menu-js.md | 6 +++--- .../PDF/PDF-Viewer/javascript-es5/toolbar.md | 10 +++++----- .../PDF/PDF-Viewer/react/how-to/custom-context-menu.md | 4 ++-- Document-Processing/PDF/PDF-Viewer/react/toolbar.md | 8 ++++---- .../vue/getting-started-with-server-backed.md | 4 ++-- .../PDF/PDF-Viewer/vue/how-to/custom-context-menu.md | 4 ++-- Document-Processing/PDF/PDF-Viewer/vue/toolbar.md | 6 +++--- 11 files changed, 29 insertions(+), 29 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md index b7e0cd1af..a9fb0ed93 100644 --- a/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/custom-context-menu.md @@ -11,7 +11,7 @@ domainurl: ##DomainURL## # Customize the context menu in PDF Viewer PDF Viewer allows you to add custom option in context menu. It can be achieved by using the `addCustomMenu()` method and custom action is defined using the `customContextMenuSelect()`method. -PDF Viewer supports adding custom options to the context menu using the `addCustomMenu()`(https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#addcustommenu)method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#customcontextmenuselect) method. +PDF Viewer supports adding custom options to the context menu using the `addCustomMenu()`(https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#addcustommenu)method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#customcontextmenuselect) method. ### Add a custom option @@ -102,7 +102,7 @@ Toggle the display of the default context menu. When the addCustomMenu parameter #### show or hide custom items before opening -Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#customcontextmenubeforeopen) to hide or show custom options dynamically. +Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#customcontextmenubeforeopen) to hide or show custom options dynamically. ```js export class CustomContextMenuComponent implements OnInit { diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md index 85681587e..13005db87 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md @@ -65,7 +65,7 @@ Add the below `serviceUrl` in the `index.html` file ## Highlight text programmatically -Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -171,7 +171,7 @@ Add the below `serviceUrl` in the `index.html` file ## Underline text programmatically -Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -277,7 +277,7 @@ Add the below `serviceUrl` in the `index.html` file ## Strikethrough text programmatically -Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -381,7 +381,7 @@ Add the below `serviceUrl` in the `index.html` file ## Add squiggly to text programmatically -Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#addannotation) method. Example: diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md index 68f19c50c..89e79f4c0 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md @@ -1238,7 +1238,7 @@ pdfviewer.listBoxFieldSettings = { ### DropDown field settings -Using the [updateFormField](https://ej2.syncfusion.com/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/documentation/api/pdfviewer#updateformfields) method, the form fields can be updated programmatically. The following example updates DropDown field properties on a button click. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md index 9be698ee6..b7d967d48 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/getting-started-with-server-backed.md @@ -37,7 +37,7 @@ This guide explains how to create the PDF Viewer component and configure its fea {% endhighlight %} {% endtabs %} -N> We have provided the support to dynamically change the [serviceURL](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl). So, after changing the `serviceURL` dynamically, you need invoke the `pdfViewer.dataBind()` method to update the `serviceURL` quickly. This will effectively change the `serviceURL` dynamically. Ensure that this step is performed after version 23.1.36. +N> We have provided the support to dynamically change the [serviceURL](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl). So, after changing the `serviceURL` dynamically, you need invoke the `pdfViewer.dataBind()` method to update the `serviceURL` quickly. This will effectively change the `serviceURL` dynamically. Ensure that this step is performed after version 23.1.36. document.getElementById('load').addEventListener('click', function () { pdfViewer.serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"; pdfViewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"; diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md index 965882020..84bd74098 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-context-menu-js.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Customize the context menu in JavaScript PDF Viewer -PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#customcontextMenuselect) method. +PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/documentation/api/pdfviewer#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/documentation/api/pdfviewer#customcontextMenuselect) method. ### Add a custom option @@ -106,7 +106,7 @@ pdfviewer.documentLoad = function (args) { #### Show or hide custom items before opening -Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#customcontextmenubeforeopen) to hide or show custom options dynamically. +Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/documentation/api/pdfviewer#customcontextmenubeforeopen) to hide or show custom options dynamically. ```js var pdfviewer = new ej.pdfviewer.PdfViewer({ @@ -273,7 +273,7 @@ The following is the output of the custom context menu with customization. {% endtabs %} N> To set up the **server-backed PDF Viewer**, -Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.ts` file +Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';` {% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/custom-context-menu" %} diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md index 8aa9c5afb..8de28377d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Built-In Toolbar in Javascript Pdfviewer control +# Built-In Toolbar in JavaScript Pdfviewer control The PDF Viewer comes with a powerful built-in toolbar to execute important actions such as page navigation, text search,view mode,download,print,bookmark, and thumbnails. @@ -63,7 +63,7 @@ The PDF Viewer has an option to show or hide the complete default toolbar. You c {% endtabs %} N> To set up the **server-backed PDF Viewer**, -Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.html` file +Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) in the `index.html` file `serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'` {% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/es5-toolbar/toolbar-hide-cs1" %} @@ -118,11 +118,11 @@ Add the below `serviceUrl` in the `index.html` file PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar. -* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/customToolbarItem/) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/javascript/documentation/api/toolbar/clickEventArgs/). +* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/customToolbarItem) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/javascript/documentation/api/toolbar/clickEventArgs). -* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarItem/). +* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarItem). -* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#enabletoolbaritem) +* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar#enabletoolbaritem) {% tabs %} {% highlight js tabtitle="Standalone" %} diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md index 9cc692ec7..9b9277925 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Customize the context menu in PDF Viewer in React -PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#customcontextMenuselect) method. +PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#customcontextMenuselect) method. ### Add a custom option @@ -76,7 +76,7 @@ root.render(); #### Show or hide custom items before opening -Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#customcontextMenubeforeopen) to hide or show custom options dynamically. +Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#customcontextMenubeforeopen) to hide or show custom options dynamically. ```js export function App() { diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar.md index dfafa751e..1a32f0977 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar.md @@ -332,11 +332,11 @@ N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` wi PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar. -* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/customToolbarItemModel/) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarSettings/) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/react/documentation/api/toolbar/clickEventArgs/). +* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/customToolbarItemModel) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarSettings) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/react/documentation/api/toolbar/clickEventArgs). -* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarSettings/) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarItem/). +* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarSettings) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarItem). -* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbar/#enabletoolbaritem) +* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbar#enabletoolbaritem) {% tabs %} {% highlight js tabtitle="Standalone" %} @@ -529,7 +529,7 @@ N> When customizing toolbar items, you have the flexibility to include either ic The PDF Viewer provides API for user interactions options provided in it's built-in toolbar. Using this we can create our own User Interface for toolbar actions in application level by hiding the built-in toolbar. The following steps are used to create the custom toolbar for PDF Viewer, -**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started/) to create simple PDF Viewer sample. +**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started) to create simple PDF Viewer sample. **Step 2:** Now, add an HTML div element in template to act as the custom toolbar PDF Viewer using the following code. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md index 044374921..ec743fd23 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/getting-started-with-server-backed.md @@ -107,7 +107,7 @@ import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, {% endhighlight %} {% endtabs %} -2. In the `template` section, define the PDF Viewer component and bind the [documentPath](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/#documentpath) and [serviceUrl](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/#serviceurl) properties. +2. In the `template` section, define the PDF Viewer component and bind the [documentPath](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#documentpath) and [serviceUrl](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#serviceurl) properties. {% tabs %} {% highlight html tabtitle="~/src/App.vue" %} @@ -337,7 +337,7 @@ These modules are registered with the component by providing them through the `p dotnet run ``` -6.You can see that the PDF Viewer server instance runs in the localhost with the port number `localhost:5001`. Navigate to the PDF Viewer web control `localhost:5001/pdfviewer`, which returns the default GET response. Bind the link to the [serviceUrl](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer as shown below. +6.You can see that the PDF Viewer server instance runs in the localhost with the port number `localhost:5001`. Navigate to the PDF Viewer web control `localhost:5001/pdfviewer`, which returns the default GET response. Bind the link to the [serviceUrl](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer#serviceurl) property of the PDF Viewer as shown below. ```js export default { diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md index 96ae5e298..05e1adbc3 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-context-menu.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Customize the context menu in PDF Viewer -PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#customcontextMenuselect) method. +PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/documentation/api/pdfviewer#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/documentation/api/pdfviewer#customcontextMenuselect) method. ### Add a custom option @@ -248,7 +248,7 @@ export default { #### Show or hide custom items before opening -Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#customcontextMenubeforeopen) to hide or show custom options dynamically. +Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/documentation/api/pdfviewer#customcontextMenubeforeopen) to hide or show custom options dynamically. {% tabs %} {% highlight html tabtitle="Composition API (Standalone)" %} diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md index fd746aadf..221e613d7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar.md @@ -353,11 +353,11 @@ Within the `template`, configure the PDF Viewer by adding the `:serviceUrl="serv PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar. -* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/customToolbarItemModel/) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings/) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/vue/documentation/api/toolbar/clickEventArgs/). +* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/customToolbarItemModel) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/vue/documentation/api/toolbar/clickEventArgs). -* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings/) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarItem/). +* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarSettings) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbarItem). -* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbar/#enabletoolbaritem) +* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/toolbar#enabletoolbaritem) {% tabs %} {% highlight html tabtitle="Composition API (Standalone)" %} From da31c3536aa63056905ace0d5ffa7fb1bd0c2e91 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Wed, 24 Dec 2025 14:19:20 +0530 Subject: [PATCH 032/122] 1000370: Updated Preview Sample Issues and CI failures in javascript-es6 --- .../annotations/text-markup-annotation.md | 22 +++++++++---------- .../getting-started-with-server-backed.md | 14 ++++++------ .../javascript-es6/getting-started.md | 12 +++++----- .../how-to/custom-context-menu.md | 6 ++--- .../PDF/PDF-Viewer/javascript-es6/toolbar.md | 16 +++++++------- 5 files changed, 35 insertions(+), 35 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md index 075d2d54a..7068a462a 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md @@ -91,7 +91,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/highlight-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/highlight-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from highlight mode. @@ -152,12 +152,12 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/highlight-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/highlight-normal-mode-cs1" %} ## Highlight text programmatically -Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -291,7 +291,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/underline-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/underline-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from underline mode. @@ -352,11 +352,11 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/underline-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/underline-normal-mode-cs1" %} ## Underline text programmatically -Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -489,7 +489,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/strikethrough-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/strikethrough-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from strikethrough mode. @@ -552,7 +552,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/strikethrough-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/strikethrough-normal-mode-cs1" %} ## Strikethrough text programmatically @@ -688,7 +688,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/squiggly-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/squiggly-mode-cs1" %} Refer to the following code snippet to switch back to normal mode from squiggly mode. @@ -751,7 +751,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/squiggly-normal-mode-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/squiggly-normal-mode-cs1" %} ## Add squiggly to text programmatically @@ -961,7 +961,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/undo-redo-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/text-markup-annotation/undo-redo-cs1" %} ## Save text markup annotations diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md index dcbab9ccb..b73a5b5ef 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started-with-server-backed.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with TypeScript PDF Viewer (server-backed) | Syncfusion -description: Learn how to set up and use the Syncfusion TypeScript PDF Viewer in server-backed mode using the EJ2 quickstart, including module injection and web service configuration. +title: Getting started with server-backed TypeScript PDF Viewer | Syncfusion +description: Learn how to set up and use the Syncfusion TypeScript PDF Viewer in server-backed mode, including module injection and web service configuration. platform: document-processing control: PDF Viewer documentation: ug @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # Getting started with TypeScript PDF Viewer (server-backed) -This guide explains how to create the PDF Viewer component and configure its features in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository in server-backed mode. +This guide explains how to create the PDF Viewer component and configure its features in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack) seed repository in server-backed mode. -> This application is integrated with a webpack configuration (`webpack.config.js`) and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires Node.js `v14.15.0` or higher. For more information, refer to the [webpack getting started guide](https://webpack.js.org/guides/getting-started/). +> This application is integrated with a webpack configuration (`webpack.config.js`) and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli#commands). It requires Node.js `v14.15.0` or higher. For more information, refer to the [webpack getting started guide](https://webpack.js.org/guides/getting-started). ## Set up the development environment -Open a command prompt in the target directory and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-). +Open a command prompt in the target directory and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack). {% tabs %} {% highlight bash tabtitle="CMD" %} @@ -152,7 +152,7 @@ document.getElementById('load').addEventListener('click', function () { N> The Web API link https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/ used in the `serviceUrl` property is intended for demonstration and evaluation only. For production, host your own web service with the required server configuration. You can reuse the [GitHub web service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server). **Standalone mode is strongly recommended.** -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/getting-started-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/getting-started-cs1" %} ## Module injection @@ -198,7 +198,7 @@ Inject modules using the `PdfViewer.Inject` method. dotnet run ``` -6. The PDF Viewer server instance runs at `https://localhost:5001`. Navigate to `https://localhost:5001/pdfviewer` to see the default GET response. Bind this URL to the [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) property of the PDF Viewer as shown below. +6. The PDF Viewer server instance runs at `https://localhost:5001`. Navigate to `https://localhost:5001/pdfviewer` to see the default GET response. Bind this URL to the [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) property of the PDF Viewer as shown below. {% tabs %} {% highlight ts tabtitle="app.ts" %} diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md index f9882a5ff..2f26ca11b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/getting-started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with TypeScript PDF Viewer (standalone) | Syncfusion -description: Learn how to set up and use the Syncfusion TypeScript PDF Viewer in standalone mode using the EJ2 quickstart, including local resource configuration and module injection. +title: Getting started with standalone TypeScript PDF Viewer | Syncfusion +description: Learn how to set up and use the Syncfusion TypeScript PDF Viewer in standalone mode, including local resource configuration and module injection. platform: document-processing control: PDF Viewer documentation: ug @@ -10,13 +10,13 @@ domainurl: ##DomainURL## # Getting started with TypeScript PDF Viewer (standalone) -This guide explains how to create the PDF Viewer component and configure its features in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository. +This guide explains how to create the PDF Viewer component and configure its features in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack) seed repository. -> This application is integrated with a webpack configuration (`webpack.config.js`) and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires Node.js `v14.15.0` or higher. For more information, refer to the [webpack getting started guide](https://webpack.js.org/guides/getting-started/). +> This application is integrated with a webpack configuration (`webpack.config.js`) and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli#commands). It requires Node.js `v14.15.0` or higher. For more information, refer to the [webpack getting started guide](https://webpack.js.org/guides/getting-started). ## Set up the development environment -Open a command prompt in the target directory and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-). +Open a command prompt in the target directory and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack). {% tabs %} {% highlight bash tabtitle="CMD" %} @@ -187,7 +187,7 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/getting-started-cs2/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/getting-started-cs2" %} ## Module injection diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md index e7afdf532..a1095ac48 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Customize the context menu in PDF Viewer -PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#customcontextMenuselect) method. +PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/documentation/api/pdfviewer#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/documentation/api/pdfviewer#customcontextMenuselect) method. ### Add a custom option @@ -127,7 +127,7 @@ Toggle the display of the default context menu. When the addCustomMenu parameter #### Show or hide custom items before opening -Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/documentation/api/pdfviewer/#customcontextMenubeforeopen) to hide or show custom options dynamically. +Use [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/documentation/api/pdfviewer#customcontextMenubeforeopen) to hide or show custom options dynamically. ```ts @@ -293,4 +293,4 @@ N> To set up the **server-backed PDF Viewer**, Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.ts` file `viewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es5/custom-context-menu/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/custom-context-menu" %} diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md index 1bcf9061d..a27b3640b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md @@ -118,7 +118,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-hide-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-hide-cs1" %} * **Show/Hide toolbar using showToolbar as in the following code snippet** @@ -177,10 +177,10 @@ document.getElementById('set').addEventListener('click', ()=> { {% endtabs %} N> To set up the **server-backed PDF Viewer**, -Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.ts` file +Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-method-cs1/index.html" %} +{% previewsample "/document-Processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-method-cs1" %} ## Show/Hide the default toolbaritem @@ -243,7 +243,7 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-items-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-items-cs1" %} * **Show/Hide toolbaritem using showToolbaritem as in the following code snippet** @@ -305,15 +305,15 @@ N> To set up the **server-backed PDF Viewer**, Add the below `serviceUrl` in the `index.ts` file `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` -{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-items-method-cs1/index.html" %} +{% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/toolbar/toolbar-items-method-cs1" %} ## Customize Built-In Toolbar PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar. -* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/documentation/api/pdfviewer/customToolbarItemModel/) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings/) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/documentation/api/toolbar/clickEventArgs/). +* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/documentation/api/pdfviewer/customToolbarItemModel) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/documentation/api/toolbar/clickEventArgs). -* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings/) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarItem/). +* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarItem). * Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbar/#enabletoolbaritem) @@ -1527,7 +1527,7 @@ Sample : ## How to customize the default toolbar with desired tools -Customize the default toolbar with the required tools by using the [toolbarSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/#toolbarsettings) class of the PDF viewer. +Customize the default toolbar with the required tools by using the [toolbarSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer#toolbarsettings) class of the PDF viewer. The following code illustrates how to render the default toolbar with specific tools. From bb3efcf9ac5cad7095f5e36a540b61230e2a6a20 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Wed, 24 Dec 2025 14:33:56 +0530 Subject: [PATCH 033/122] 1000370: Resolved CI failure in javascript-es6 --- .../javascript-es6/annotations/text-markup-annotation.md | 4 ++-- .../PDF-Viewer/javascript-es6/how-to/custom-context-menu.md | 2 +- Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md index 7068a462a..3d352e368 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/annotations/text-markup-annotation.md @@ -556,7 +556,7 @@ Add the below `serviceUrl` in the `index.ts` file ## Strikethrough text programmatically -Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -755,7 +755,7 @@ Add the below `serviceUrl` in the `index.ts` file ## Add squiggly to text programmatically -Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md index a1095ac48..e4fa8aa2b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-context-menu.md @@ -290,7 +290,7 @@ The following is the output of the custom context menu with customization. {% endtabs %} N> To set up the **server-backed PDF Viewer**, -Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.ts` file +Add the below [serviceUrl](https://ej2.syncfusion.com/documentation/api/pdfviewer#serviceurl) in the `index.ts` file `viewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';` {% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es5/custom-context-menu" %} diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md index a27b3640b..2dc5736ee 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar.md @@ -315,7 +315,7 @@ PDF Viewer allows you to customize(add, show, hide, enable, and disable) existin * Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarItem). -* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbar/#enabletoolbaritem) +* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbar#enabletoolbaritem) {% tabs %} {% highlight js tabtitle="Standalone" %} From 1166b379b6a1817eadf0b62b93acefd71530b840 Mon Sep 17 00:00:00 2001 From: Kathiresan4347 <159137198+Kathiresan4347@users.noreply.github.com> Date: Wed, 24 Dec 2025 15:25:12 +0530 Subject: [PATCH 034/122] ES-998478-Revert unwanted changes --- .../Word/Word-Library/NET/faqs/word-document-faqs.md | 4 ---- 1 file changed, 4 deletions(-) diff --git a/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md b/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md index baca0b779..d40cbd12c 100644 --- a/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md +++ b/Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md @@ -676,10 +676,6 @@ DocIO is a non-UI component that provides a full-fledged document object model t #Sensitivity Labels in Word Documents -##What are sensitivity labels? -Sensitivity labels are used to classify and protect files in accordance with your organization’s information protection policies. These labels can be applied manually by users or automatically based on predefined rules. Sensitivity labels indicate the classification level of a file and can enforce protection settings such as encryption and access restrictions. -Microsoft Purview Information Protection provides sensitivity labels to help organizations safeguard their data while maintaining user productivity and collaboration. - ##Does DocIO support sensitivity labels? No, Sensitivity labels are organization-level settings and are not stored within the word document itself. Therefore, DocIO does not support applying or preserving sensitivity labels. From b227dcfbac32aaa220ecddadd3b18bd8f3be53fe Mon Sep 17 00:00:00 2001 From: sameerkhan001 Date: Fri, 26 Dec 2025 19:33:52 +0530 Subject: [PATCH 035/122] 1000184: Resolved the TOC failures. --- Document-Processing-toc.html | 74 ++++++++++++++++++------------------ 1 file changed, 36 insertions(+), 38 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 9068bf824..7cb7e1e25 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -2564,45 +2564,43 @@ - +
  • Flutter
      From 6e0794301d1d1aebece7ff3e596d00beb298be98 Mon Sep 17 00:00:00 2001 From: sameerkhan001 Date: Mon, 29 Dec 2025 09:46:27 +0530 Subject: [PATCH 036/122] 1000184-h: Resolved the TOC failures. --- Document-Processing-toc.html | 66 ++++++++++++++++++------------------ 1 file changed, 33 insertions(+), 33 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 7cb7e1e25..a71e9974f 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -2565,40 +2565,40 @@
  • - JavaScript + JavaScript
  • From 31fa2ec0b67bafc0693d1c20f272e663c0ea57d3 Mon Sep 17 00:00:00 2001 From: MOHAN CHANDRAN <93247949+Mohan2401@users.noreply.github.com> Date: Mon, 29 Dec 2025 12:31:53 +0530 Subject: [PATCH 037/122] Update Import-to-Excel.md --- .../Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md b/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md index 0303e0229..55a9bedf2 100644 --- a/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md +++ b/Document-Processing/Excel/Excel-Library/NET/Import-Export/Import-to-Excel.md @@ -77,7 +77,7 @@ N> XlsIO imports the data from data table into Excel worksheet based on the data ### Preserve Data Types -To preserve data types when importing a DataTable into an Excel worksheet and prevent Excel's automatic type conversions, set the **preserveTypes** parameter of the ImportDataTable method to **true**. +To preserve data types when importing a DataTable into an Excel worksheet, set the **preserveTypes** parameter of the ImportDataTable method to **true**. {% tabs %} {% highlight c# tabtitle="C# [Cross-platform]" %} @@ -2627,4 +2627,4 @@ Using excelEngine As ExcelEngine = New ExcelEngine() workbook.SaveAs("Output.xlsx") End Using {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} From 4aed566239120e984f80b9f11cb0dc4f77a26b09 Mon Sep 17 00:00:00 2001 From: sameerkhan001 Date: Mon, 29 Dec 2025 16:59:42 +0530 Subject: [PATCH 038/122] 1001393-ug: Added proper API link changes. --- .../NET/Working-with-Document-Conversions.md | 10 +- .../PDF/PDF-Library/NET/Working-with-XFA.MD | 94 +++++++++---------- .../NET/Working-with-ZUGFeRD-invoice.md | 10 +- 3 files changed, 57 insertions(+), 57 deletions(-) diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-Document-Conversions.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-Document-Conversions.md index b9d6af630..f984b9807 100644 --- a/Document-Processing/PDF/PDF-Library/NET/Working-with-Document-Conversions.md +++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-Document-Conversions.md @@ -993,7 +993,7 @@ Refer the below code snippet to draw a single frame monochrome TIFF image with J Compression Applied Default - All images + Non-TIFF images Applies Deflate (DEFLATE) compression to monochrome, grayscale, and color images. @@ -1003,7 +1003,7 @@ Refer the below code snippet to draw a single frame monochrome TIFF image with J JBIG2 - All images + Monochrome (bi-level) Supported only in lossy mode and only for single-frame TIFF images. @@ -1076,7 +1076,7 @@ N> 2. By default, all monochrome images will be compressed in CITTT4 compression The XPS (XML Paper Specification) document format is a fixed document format which consists of structured XML markup that defines the layout of a document and the visual appearance of each page, along with rendering rules for distributing, archiving, rendering, processing and printing the documents. -Essential® PDF provides support for converting XPS to PDF using [XPSToPdfConverter](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Base~Syncfusion.XPS.XPSToPdfConverter.html) class. +Essential® PDF provides support for converting XPS to PDF using [XPSToPdfConverter](https://help.syncfusion.com/cr/document-processing/Syncfusion.XPS.XPSToPdfConverter.html) class. The below code illustrates how to convert XPS to PDF. @@ -1400,7 +1400,7 @@ N> To know more about PdfToImageConverter and features it provides, please refer ## HTML to PDF -The [HTML to PDF converter library](https://www.syncfusion.com/document-processing/pdf-framework/net/html-to-pdf) supports converting web pages and HTML content into high-quality PDF documents. +The [HTML to PDF converter library](https://www.syncfusion.com/document-sdk/net-pdf-library/html-to-pdf) supports converting web pages and HTML content into high-quality PDF documents. **Learn more about the features supported in HTML to PDF conversion here**: [HTML to PDF Features](https://help.syncfusion.com/document-processing/pdf/conversions/html-to-pdf/net/features) @@ -1464,7 +1464,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## SVG to PDF -The [HTML to PDF converter library](https://www.syncfusion.com/document-processing/pdf-framework/net/html-to-pdf) supports converting the SVG to PDF document. Please refer to the following code example. +The [HTML to PDF converter library](https://www.syncfusion.com/document-sdk/net-pdf-library/html-to-pdf) supports converting the SVG to PDF document. Please refer to the following code example. {% tabs %} diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-XFA.MD b/Document-Processing/PDF/PDF-Library/NET/Working-with-XFA.MD index 92cc4fa51..ccf81610a 100644 --- a/Document-Processing/PDF/PDF-Library/NET/Working-with-XFA.MD +++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-XFA.MD @@ -14,11 +14,11 @@ XFA stands for XML Forms Architecture, dynamic forms are based on a XML specific ## Creating a new XFA form -Essential® PDF allows you to create and manipulate the XFA form in PDF document by using [PdfXfaDocument](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaDocument.html) and [PdfXfaForm](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaForm.html) classes. The [PdfXfaFieldCollection](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaFieldCollection.html) class represents the entire field collection of the XFA form. +Essential® PDF allows you to create and manipulate the XFA form in PDF document by using [PdfXfaDocument](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaDocument.html) and [PdfXfaForm](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaForm.html) classes. The [PdfXfaFieldCollection](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaFieldCollection.html) class represents the entire field collection of the XFA form. ### Adding a new page to the XFA document -The following code example explains how to add a new page using [PdfXfaPage](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaPage.html) class in a PDF XFA document. +The following code example explains how to add a new page using [PdfXfaPage](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaPage.html) class in a PDF XFA document. {% tabs %} @@ -106,7 +106,7 @@ N> PDF supports XFA forms only in Windows Forms, WPF, ASP.NET, ASP.NET MVC, UWP ### Adding the XFA document settings -Essential® PDF supports various XFA page setting options through [PdfXfaPageSettings](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaPageSettings.html) class, to control the page display. +Essential® PDF supports various XFA page setting options through [PdfXfaPageSettings](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaPageSettings.html) class, to control the page display. The below sample illustrates how to create a new PDF document with XFA page size. @@ -310,7 +310,7 @@ document.Close() You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/XFA/Create-a-custom-page-size-to-the-PDF-document). -You can change page orientation from portrait to landscape by using [PdfXfaPageOrientation](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaPageOrientation.html) Enum. The below code snippet explains this. +You can change page orientation from portrait to landscape by using [PdfXfaPageOrientation](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaPageOrientation.html) Enum. The below code snippet explains this. {% tabs %} @@ -419,7 +419,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Creating dynamic XFA forms -To create a dynamic XFA forms using [PdfXfaType](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaType.html) Enum and save the dynamic form document using below example code. +To create a dynamic XFA forms using [PdfXfaType](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaType.html) Enum and save the dynamic form document using below example code. {% tabs %} @@ -522,7 +522,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Creating static XFA forms -To create a static XFA forms using [PdfXfaType](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaType.html) Enum and save the static form document using below example code. +To create a static XFA forms using [PdfXfaType](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaType.html) Enum and save the static form document using below example code. {% tabs %} @@ -627,7 +627,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA text box field -The below code snippet illustrates how to add a textbox field to a new PDF document using [PdfXfaTextBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaTextBoxField.html) class. +The below code snippet illustrates how to add a textbox field to a new PDF document using [PdfXfaTextBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaTextBoxField.html) class. {% tabs %} @@ -813,7 +813,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA numeric field -The below code snippet illustrates how to add a numeric field to a new PDF document using [PdfXfaNumericField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaNumericField.html) class. +The below code snippet illustrates how to add a numeric field to a new PDF document using [PdfXfaNumericField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaNumericField.html) class. {% tabs %} @@ -987,7 +987,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA combo box field -The below code snippet illustrates how to add a combo box field to a new PDF document using [PdfXfaComboBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaComboBoxField.html) class. +The below code snippet illustrates how to add a combo box field to a new PDF document using [PdfXfaComboBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaComboBoxField.html) class. {% tabs %} @@ -1186,7 +1186,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA list box field -The below code snippet illustrates how to add a list box field to a new PDF document using [PdfXfaListBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaListBoxField.html) class. +The below code snippet illustrates how to add a list box field to a new PDF document using [PdfXfaListBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaListBoxField.html) class. {% tabs %} @@ -1395,7 +1395,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding XFA check box field -The below code snippet illustrates how to add a check box field to a new PDF document using [PdfXfaCheckBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaCheckBoxField.html) class. +The below code snippet illustrates how to add a check box field to a new PDF document using [PdfXfaCheckBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaCheckBoxField.html) class. {% tabs %} @@ -1574,7 +1574,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA radio button field -The below code snippet illustrates how to add a radio button field to a new PDF document using [PdfXfaRadioButtonField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaRadioButtonField.html) class and add it into [PdfXfaRadioButtonGroup](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaRadioButtonGroup.html). +The below code snippet illustrates how to add a radio button field to a new PDF document using [PdfXfaRadioButtonField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaRadioButtonField.html) class and add it into [PdfXfaRadioButtonGroup](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaRadioButtonGroup.html). {% tabs %} @@ -1801,7 +1801,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA date time field -The below code snippet illustrates how to add a date time field to a new PDF document using [PdfXfaDateTimeField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaDateTimeField.html) class. +The below code snippet illustrates how to add a date time field to a new PDF document using [PdfXfaDateTimeField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaDateTimeField.html) class. {% tabs %} @@ -1985,7 +1985,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA button field -The below code snippet illustrates how to add a button field to a new PDF document using [PdfXfaButtonField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaButtonField.html) class. +The below code snippet illustrates how to add a button field to a new PDF document using [PdfXfaButtonField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaButtonField.html) class. {% tabs %} @@ -2157,7 +2157,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA text element -The below code snippet illustrates how to add a text element to a new PDF document using [PdfXfaTextElement](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaTextElement.html) class. +The below code snippet illustrates how to add a text element to a new PDF document using [PdfXfaTextElement](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaTextElement.html) class. {% tabs %} @@ -2330,7 +2330,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA rectangle field -The below code snippet illustrates how to add the rectangle field to a new PDF document using [PdfXfaRectangleField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaRectangleField.html) class. +The below code snippet illustrates how to add the rectangle field to a new PDF document using [PdfXfaRectangleField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaRectangleField.html) class. {% tabs %} @@ -2502,7 +2502,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA circle field -The below code snippet illustrates how to add the circle field to a new PDF document using [PdfXfaCircleField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaCircleField.html) class. +The below code snippet illustrates how to add the circle field to a new PDF document using [PdfXfaCircleField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaCircleField.html) class. {% tabs %} @@ -2674,7 +2674,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA line -The below code snippet illustrates how to add a line to a new PDF document using [PdfXfaLine](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaLine.html) class. +The below code snippet illustrates how to add a line to a new PDF document using [PdfXfaLine](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaLine.html) class. {% tabs %} @@ -2846,7 +2846,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding the XFA image -The below code snippet illustrates how to add an image to a new PDF document using [PdfXfaImage](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaImage.html) class. +The below code snippet illustrates how to add an image to a new PDF document using [PdfXfaImage](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaImage.html) class. {% tabs %} @@ -3017,7 +3017,7 @@ There are two types of flow directions available in XFA forms. ### Horizontal flow direction -You can set the flow direction to an XFA form while creating, using [PdfXfaFlowDirection](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaFlowDirection.html) Enum. The below sample illustrate how to set the horizontal flow direction in XFA forms. +You can set the flow direction to an XFA form while creating, using [PdfXfaFlowDirection](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaFlowDirection.html) Enum. The below sample illustrate how to set the horizontal flow direction in XFA forms. {% tabs %} @@ -3134,7 +3134,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Vertical flow direction -You can set the flow direction to an XFA form while creating, using [PdfXfaFlowDirection](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaFlowDirection.html) Enum. The below sample illustrate how to set the vertical flow direction in XFA forms. +You can set the flow direction to an XFA form while creating, using [PdfXfaFlowDirection](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaFlowDirection.html) Enum. The below sample illustrate how to set the vertical flow direction in XFA forms. {% tabs %} @@ -3251,7 +3251,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Rotating XFA form fields -You can rotate a form field in XFA document, using [PdfXfaRotateAngle](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaRotateAngle.html) Enum. The following code snippet explains this. +You can rotate a form field in XFA document, using [PdfXfaRotateAngle](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaRotateAngle.html) Enum. The following code snippet explains this. {% tabs %} @@ -3356,7 +3356,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Validating the date time field -You can validate the date time fields of the input text by enabling the [RequireValidation](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaDateTimeField.html#Syncfusion_Pdf_Xfa_PdfXfaDateTimeField_RequireValidation) property of [PdfXfaDateTimeField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaDateTimeField.html). The following code snippet illustrates this. +You can validate the date time fields of the input text by enabling the [RequireValidation](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaDateTimeField.html#Syncfusion_Pdf_Xfa_PdfXfaDateTimeField_RequireValidation) property of [PdfXfaDateTimeField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaDateTimeField.html). The following code snippet illustrates this. {% tabs %} @@ -3461,7 +3461,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Customizing the numeric field value -You can customize the numeric field input value to the specific pattern through [PatternString](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaNumericField.html#Syncfusion_Pdf_Xfa_PdfXfaNumericField_PatternString) property of [PdfXfaNumericField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaNumericField.html) class. The following code snippet explains this. +You can customize the numeric field input value to the specific pattern through [PatternString](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaNumericField.html#Syncfusion_Pdf_Xfa_PdfXfaNumericField_PatternString) property of [PdfXfaNumericField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaNumericField.html) class. The following code snippet explains this. Please refer the below link for numeric pattern format in detail, [Numeric Pattern](http://help.adobe.com/en_US/livecycle/10.0/DesignerHelp/WS92d06802c76abadb-56c02439129b8b00ebc-7ecf.html). @@ -3560,7 +3560,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Adding nested sub forms -You can add the nested sub forms by using [PdfXfaForm](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaForm.html) class. The below code snippet explains this. +You can add the nested sub forms by using [PdfXfaForm](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaForm.html) class. The below code snippet explains this. {% tabs %} @@ -3698,7 +3698,7 @@ XFA support both the horizontal and vertical alignments. ### Horizontal alignment -You can add the horizontal alignments in XFA form fields through [HorizontalAlignment](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaStyledField.html#Syncfusion_Pdf_Xfa_PdfXfaStyledField_HorizontalAlignment) property by using [PdfXfaHorizontalAlignment](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaHorizontalAlignment.html) Enum. The below code snippet illustrates this. +You can add the horizontal alignments in XFA form fields through [HorizontalAlignment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaStyledField.html#Syncfusion_Pdf_Xfa_PdfXfaStyledField_HorizontalAlignment) property by using [PdfXfaHorizontalAlignment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaHorizontalAlignment.html) Enum. The below code snippet illustrates this. {% tabs %} @@ -3794,7 +3794,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Vertical alignment -You can add the vertical alignments in XFA form fields through [VerticalAlignment](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaStyledField.html#Syncfusion_Pdf_Xfa_PdfXfaStyledField_VerticalAlignment) property by using [PdfXfaVerticalAlignment](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaVerticalAlignment.html) Enum. The below code snippet explains this. +You can add the vertical alignments in XFA form fields through [VerticalAlignment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaStyledField.html#Syncfusion_Pdf_Xfa_PdfXfaStyledField_VerticalAlignment) property by using [PdfXfaVerticalAlignment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaVerticalAlignment.html) Enum. The below code snippet explains this. {% tabs %} @@ -3893,7 +3893,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding margins to the XFA fields -You can add margin to the XFA form fields by using [Margins](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaField.html#Syncfusion_Pdf_Xfa_PdfXfaField_Margins) property. The below code snippet explains this. +You can add margin to the XFA form fields by using [Margins](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaField.html#Syncfusion_Pdf_Xfa_PdfXfaField_Margins) property. The below code snippet explains this. {% tabs %} @@ -3995,7 +3995,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding padding to the XFA fields -You can add padding to the XFA form fields by using [padding](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaTextBoxField.html#Syncfusion_Pdf_Xfa_PdfXfaTextBoxField_Padding) property. The below code snippet explains this. +You can add padding to the XFA form fields by using [padding](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaTextBoxField.html#Syncfusion_Pdf_Xfa_PdfXfaTextBoxField_Padding) property. The below code snippet explains this. {% tabs %} @@ -4094,7 +4094,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Adding border to the XFA fields -You can add border to the XFA fields by using [Border](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaStyledField.html#Syncfusion_Pdf_Xfa_PdfXfaStyledField_Border) property. The below code snippet explains this. +You can add border to the XFA fields by using [Border](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaStyledField.html#Syncfusion_Pdf_Xfa_PdfXfaStyledField_Border) property. The below code snippet explains this. {% tabs %} @@ -4196,11 +4196,11 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Filling form fields in an existing XFA document -Essential® PDF allows you to fill the XFA form fields using [PdfLoadedXfaform](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaForm.html) class. +Essential® PDF allows you to fill the XFA form fields using [PdfLoadedXfaform](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaForm.html) class. ### Filling the XFA text box field -Please refer the below sample for filling the XFA text box field using [PdfLoadedXfaTextBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaTextBoxField.html) class. +Please refer the below sample for filling the XFA text box field using [PdfLoadedXfaTextBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaTextBoxField.html) class. {% tabs %} @@ -4275,7 +4275,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Filling the XFA numeric field -You can fill the XFA numeric field by using [PdfLoadedXfaNumericField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaNumericField.html) class. The below code snippet illustrates this. +You can fill the XFA numeric field by using [PdfLoadedXfaNumericField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaNumericField.html) class. The below code snippet illustrates this. {% tabs %} @@ -4350,7 +4350,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Filling the XFA combo box field -You can fill the XFA combo box field by using [PdfLoadedXfaComboBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaComboBoxField.html) class. The below code snippet explains this. +You can fill the XFA combo box field by using [PdfLoadedXfaComboBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaComboBoxField.html) class. The below code snippet explains this. {% tabs %} @@ -4423,7 +4423,7 @@ loadedDocument.Close() You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/XFA/Filling-the-XFA-combobox-field-in-an-existing-PDF-document). -You can fill and save hidden items in XFA combo box field by using [HiddenItems](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaComboBoxField.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaComboBoxField_HiddenItems) property. The below code snippet explains this. +You can fill and save hidden items in XFA combo box field by using [HiddenItems](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaComboBoxField.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaComboBoxField_HiddenItems) property. The below code snippet explains this. {% tabs %} @@ -4507,7 +4507,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Filling the XFA list box field -You can fill the XFA list box field by using [PdfLoadedXfaListBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaListBoxField.html) class. The below code snippet illustrates this. +You can fill the XFA list box field by using [PdfLoadedXfaListBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaListBoxField.html) class. The below code snippet illustrates this. {% tabs %} @@ -4580,7 +4580,7 @@ loadedDocument.Close() You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/XFA/Fill-the-XFA-listbox-field-in-an-existing-PDF-document). -You can also select the multiple values by using [SelectedItems](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaListBoxField.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaListBoxField_SelectedItems) property. The below code snippet explains this. +You can also select the multiple values by using [SelectedItems](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaListBoxField.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaListBoxField_SelectedItems) property. The below code snippet explains this. {% tabs %} @@ -4655,7 +4655,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Filling the XFA date time field -You can fill the XFA date time field by using [PdfLoadedXfaDateTimeField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaDateTimeField.html) class. The below code snippet explains this. +You can fill the XFA date time field by using [PdfLoadedXfaDateTimeField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaDateTimeField.html) class. The below code snippet explains this. {% tabs %} @@ -4730,7 +4730,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Filling the XFA check box field -You can fill the XFA check box field by using [PdfLoadedXfaCheckBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaCheckBoxField.html) class. The below code snippet illustrates this. +You can fill the XFA check box field by using [PdfLoadedXfaCheckBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaCheckBoxField.html) class. The below code snippet illustrates this. {% tabs %} @@ -4805,7 +4805,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Filling the XFA radio button field -You can fill the XFA radio button field by using [PdfLoadedXfaRadioButtonField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaRadioButtonField.html) class. The below code snippet explains this. +You can fill the XFA radio button field by using [PdfLoadedXfaRadioButtonField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaRadioButtonField.html) class. The below code snippet explains this. {% tabs %} @@ -4886,9 +4886,9 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ### Removing editing capability of form fields -The form field editing or filling capabilities can be removed by marking the form or field as read only. To prevent the user from changing the form field content, you can enable the [ReadOnly](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaForm.html#Syncfusion_Pdf_Xfa_PdfXfaForm_ReadOnly) property of [PdfXfaForm](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaForm.html). +The form field editing or filling capabilities can be removed by marking the form or field as read only. To prevent the user from changing the form field content, you can enable the [ReadOnly](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaForm.html#Syncfusion_Pdf_Xfa_PdfXfaForm_ReadOnly) property of [PdfXfaForm](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaForm.html). -The below code snippet illustrates how to set the [ReadOnly](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfXfaForm.html#Syncfusion_Pdf_Xfa_PdfXfaForm_ReadOnly) property to a new PDF document. +The below code snippet illustrates how to set the [ReadOnly](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfXfaForm.html#Syncfusion_Pdf_Xfa_PdfXfaForm_ReadOnly) property to a new PDF document. {% tabs %} @@ -4985,7 +4985,7 @@ document.Close() You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/XFA/Removing-editing-capability-of-form-fields-in-a-new-PDF). -The below code snippet illustrates how to set the [ReadOnly](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaForm.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaForm_ReadOnly) property to an existing PDF document. +The below code snippet illustrates how to set the [ReadOnly](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaForm.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaForm_ReadOnly) property to an existing PDF document. {% tabs %} @@ -5052,7 +5052,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Flattening XFA Form fields The form field editing or filling capabilities can be removed by flattening the PDF document. -The Essential® PDF flattens a form field by removing the existing form field and replacing it with graphical objects that will resemble the form field and cannot be edited. This can be achieved by enabling the [Flatten](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaDocument.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaDocument_Flatten) property of [PdfLoadedXfaDocument](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaDocument.html). +The Essential® PDF flattens a form field by removing the existing form field and replacing it with graphical objects that will resemble the form field and cannot be edited. This can be achieved by enabling the [Flatten](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaDocument.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaDocument_Flatten) property of [PdfLoadedXfaDocument](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaDocument.html). The following code snippet illustrates how to flatten the XFA form field. {% tabs %} @@ -5102,7 +5102,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Removing the dynamic form fields from an existing XFA document -You can remove the dynamic XFA form fields by using [Remove](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaFieldCollection.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaFieldCollection_Remove_Syncfusion_Pdf_Xfa_PdfLoadedXfaField_) method of [PdfLoadedXfaFieldCollection](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaFieldCollection.html) class. The below code snippet explained this. +You can remove the dynamic XFA form fields by using [Remove](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaFieldCollection.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaFieldCollection_Remove_Syncfusion_Pdf_Xfa_PdfLoadedXfaField_) method of [PdfLoadedXfaFieldCollection](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaFieldCollection.html) class. The below code snippet explained this. {% tabs %} @@ -5177,7 +5177,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Modifying the existing fields in XFA document -You can modify the existing dynamic XFA fields like Width, Height and Text by using [PdfLoadedXfaTextBoxField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaTextBoxField.html) class. The below code snippet explains this. +You can modify the existing dynamic XFA fields like Width, Height and Text by using [PdfLoadedXfaTextBoxField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaTextBoxField.html) class. The below code snippet explains this. {% tabs %} @@ -5261,7 +5261,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Clear XFA date time field value -The Essential® PDF supports clearing XFA form date time fields values, you can clear the date time values by using the [ClearValue](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaDateTimeField.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaDateTimeField_ClearValue) method available in the [PdfLoadedXfaDateTimeField](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Xfa.PdfLoadedXfaDateTimeField.html). +The Essential® PDF supports clearing XFA form date time fields values, you can clear the date time values by using the [ClearValue](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaDateTimeField.html#Syncfusion_Pdf_Xfa_PdfLoadedXfaDateTimeField_ClearValue) method available in the [PdfLoadedXfaDateTimeField](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Xfa.PdfLoadedXfaDateTimeField.html). The following sample illustrates how to clear the date time field in an existing XFA document. diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-ZUGFeRD-invoice.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-ZUGFeRD-invoice.md index d0746ee48..6b3be86df 100644 --- a/Document-Processing/PDF/PDF-Library/NET/Working-with-ZUGFeRD-invoice.md +++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-ZUGFeRD-invoice.md @@ -26,7 +26,7 @@ N> The **Minimum** and **EN16931** conformance levels are only supported in **Zu N> The **XRechnung** conformance level is only supported in **Factur-X**. N> A **PDF/A-3** file contains embedded XML data, making the invoice both **human-readable (PDF)** and **machine-readable (XML)** within the same document. -The ZUGFeRD invoice document can be created by specifying the conformance level as ``Pdf_A3B`` through [PdfConformanceLevel](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.PdfConformanceLevel.html) Enum when creating the new PDF document and set the [ZugferdConformanceLevel](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.PdfDocument.html#Syncfusion_Pdf_PdfDocument_ZugferdConformanceLevel) property as *Basic* in [ZugferdConformanceLevel](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.ZugferdConformanceLevel.html) Enum. +The ZUGFeRD invoice document can be created by specifying the conformance level as ``Pdf_A3B`` through [PdfConformanceLevel](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.PdfConformanceLevel.html) Enum when creating the new PDF document and set the [ZugferdConformanceLevel](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.PdfDocument.html#Syncfusion_Pdf_PdfDocument_ZugferdConformanceLevel) property as *Basic* in [ZugferdConformanceLevel](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.ZugferdVersion.html) Enum. {% tabs %} @@ -62,7 +62,7 @@ document.ZugferdConformanceLevel = ZugferdConformanceLevel.Basic {% endtabs %} -Using PDF/A-3b conformance, you can create a ZUGFeRD invoice PDF by specifying the [ZugferdVersion](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.PdfDocument.html#Syncfusion_Pdf_PdfDocument_ZugferdVersion) property as *ZugferdVersion2_0* of [ZugferdVersion](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.ZugferdVersion.html) Enum. By default, ZugferdVersion1.0 used. +Using PDF/A-3b conformance, you can create a ZUGFeRD invoice PDF by specifying the [ZugferdVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.PdfDocument.html#Syncfusion_Pdf_PdfDocument_ZugferdVersion) property as *ZugferdVersion2_0* of [ZugferdVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.ZugferdVersion.html) Enum. By default, ZugferdVersion1.0 used. {% tabs %} @@ -100,7 +100,7 @@ document.ZugferdVersion = ZugferdVersion.ZugferdVersion2_0 ## Adding ZUGFeRD structured data as attachment -The PDF/A-3b conformance supports the external files as attachment to the PDF document using [PdfAttachment](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Interactive.PdfAttachment.html) class. +The PDF/A-3b conformance supports the external files as attachment to the PDF document using [PdfAttachment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Interactive.PdfAttachment.html) class. {% tabs %} @@ -156,7 +156,7 @@ N> 1. **ZUGFeRD 1.0**: The file name should be "ZUGFeRD-invoice.xml". N> 2. **ZUGFeRD 2.0**: The file name should be "zugferd-invoice.xml". N> 3. **Factur-X**: The file name should be "factur-x.xml", except for **XRechnung**, where the file name must be "xrechnung.xml". -Using **PDF/A-3b** conformance, you can create a **ZUGFeRD invoice PDF** by specifying the [ZugferdVersion](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.PdfDocument.html#Syncfusion_Pdf_PdfDocument_ZugferdVersion) property as **Factur-X** in the [ZugferdVersion](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.ZugferdVersion.html) Enum. +Using **PDF/A-3b** conformance, you can create a **ZUGFeRD invoice PDF** by specifying the [ZugferdVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.PdfDocument.html#Syncfusion_Pdf_PdfDocument_ZugferdVersion) property as **Factur-X** in the [ZugferdVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.ZugferdVersion.html) Enum. {% tabs %} @@ -356,7 +356,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync ## Extract ZUGFeRD invoice from PDF -You can extract the ZUGFeRD invoice using [PdfAttachment](https://help.syncfusion.com/cr/document-processings/Syncfusion.Pdf.Interactive.PdfAttachment.html) class. +You can extract the ZUGFeRD invoice using [PdfAttachment](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.Interactive.PdfAttachment.html) class. {% tabs %} From 778616ffa74b2b41d9120e5834cc2270949c46f2 Mon Sep 17 00:00:00 2001 From: Deepak Raj Sundar Date: Mon, 29 Dec 2025 23:56:27 +0530 Subject: [PATCH 039/122] Added the release notes MD file and corresponding node entry in the TOC.html file --- Document-Processing-toc.html | 2 +- Document-Processing/Release-Notes/v32.1.21.md | 38 +++++++++++++++++++ 2 files changed, 39 insertions(+), 1 deletion(-) create mode 100644 Document-Processing/Release-Notes/v32.1.21.md diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index bfc95b311..edc8340a3 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -7247,7 +7247,7 @@