diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md
index e85ed889b..f297e7126 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/annotations-in-mobile-view.md
@@ -7,9 +7,11 @@ control: SfPdfViewer
documentation: ug
---
+# Annotations in mobile view
+
This article explains how to work with annotations in the mobile view of the Blazor SfPdfViewer. It covers opening the annotation toolbar, adding each annotation type, adjusting properties, deleting annotations, and using the comments panel.
-# To open the annotation toolbar
+## To open the annotation toolbar
To open the annotation toolbar, tap the **Edit Annotation** option in the mobile primary toolbar. The annotation toolbar appears at the bottom of the viewer.
@@ -107,13 +109,13 @@ When finished, tap the Ink Annotation icon again to exit drawing mode. The prope
-## Change annotation properties (Before adding)
+## Change annotation properties before adding
Annotation properties can be configured before placement. For example, tap the rectangle shape to show its properties toolbar, adjust the settings, and then tap and drag to place the annotation. The annotation is added using the modified properties.
-## Change annotation properties (After adding)
+## Change annotation properties after adding
After placement, select the annotation to display its properties toolbar. Adjust the required properties; the changes are applied immediately to the selected annotation.
@@ -134,3 +136,7 @@ Open the comments panel from the **more option** menu at the right end of the mo
To close the comments panel, tap the Close icon within the panel.
+
+## See Also
+
+* [Annotation Toolbar in Mobile mode](../annotation/annotations-in-mobile-view)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md
index 18b7f2ade..fdae5ca89 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/comments.md
@@ -109,7 +109,7 @@ N> Deleting the root comment from the comment panel also deletes the associated
### Show or hide the Comment panel
-The SfPdfViewer component provides an option to show or hide the comment panel by using the `CommentPanelVisible` property.
+The SfPdfViewer component provides an option to show or hide the comment panel by using the [CommentPanelVisible](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CommentPanelVisible) property.
The following code snippet explains how to show the comment panel.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md
index f70fffcd2..f8b9fbd2c 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/free-text-annotation.md
@@ -103,7 +103,7 @@ Adjust the annotation opacity using the range slider in the Edit Opacity tool.
## Setting default properties during control initialization
-Default properties for free text annotations can be set during component initialization using FreeTextSettings. These values apply to newly created annotations. Any subsequent changes made from the annotation toolbar affect only annotations created afterward.
+Default properties for free text annotations can be set during component initialization using [FreeTextSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_FreeTextSettings). These values apply to newly created annotations. Any subsequent changes made from the annotation toolbar affect only annotations created afterward.
```cshtml
@@ -281,8 +281,10 @@ If a custom font is not installed on the system, use FallbackFontCollection to e
pdfViewer.FallbackFontCollection.Add("Courier New", new MemoryStream(System.IO.File.ReadAllBytes("wwwroot/Fonts/COUR.ttf")));
}
}
+
```
### Adding Custom Font Families to the Annotation Toolbar Dropdown
+
Use the FontFamilies property to add custom font families to the Font Family dropdown in the annotation toolbar.
```cshtml
@@ -364,4 +366,5 @@ The following example illustrates loading custom fonts in FreeText annotations u
## See also
* [How to delete the annotation programmatically](./text-markup-annotation#delete-annotation-programmatically)
-* [How to Load the Font Collection in SfPdfViewer](../how-to/load-font-collection)
\ No newline at end of file
+
+* [How to Load the Font Collection in SfPdfViewer](../faqs/how-to-load-font-collection)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md
index c53319768..04f50b0d5 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/import-export-annotation.md
@@ -42,7 +42,7 @@ The SfPdfViewer component supports importing and exporting annotations as a JSON
## Importing annotation using SfPdfViewer API
-Annotations can also be imported from a JSON or XFDF file, or from an in-memory object, in code-behind using the ImportAnnotationAsync method. The following example uses the SfPdfViewer2 component.
+Annotations can also be imported from a JSON or XFDF file, or from an in-memory object, in code-behind using the [ImportAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ImportAnnotationAsync_System_IO_Stream_Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_) method. The following example uses the SfPdfViewer2 component.
Supported formats:
- [JSON](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Json)
@@ -99,7 +99,7 @@ N> The Export Annotations option is disabled when the loaded PDF document does n
## Exporting annotation using SfPdfViewer API
-Annotations can also be exported as a file or as a stream in code-behind using the ExportAnnotationAsync and ExportAnnotationAsStreamAsync methods. Supported formats:
+Annotations can also be exported as a file or as a stream in code-behind using the [ExportAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_) and [ExportAnnotationAsStreamAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportAnnotationAsStreamAsync_Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_) methods. Supported formats:
- [JSON](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Json)
- [XFDF](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationDataFormat.html#Syncfusion_Blazor_SfPdfViewer_AnnotationDataFormat_Xfdf)
@@ -153,4 +153,4 @@ Annotations can also be exported as a file or as a stream in code-behind using t
## See also
-* [How to import annotations as objects](../how-to/import-annotations-as-objects)
\ No newline at end of file
+* [How to import annotations as objects](../faqs/how-to-import-annotations-as-objects)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md
index 2c87ce92c..d0d8eb3b7 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/ink-annotation.md
@@ -65,7 +65,7 @@ Control the transparency using the range slider in the Edit Opacity tool.
## Setting default properties during the control initialization
-Default properties for ink annotations can be configured before rendering the component using InkAnnotationSettings. After interacting with the toolbar, subsequent annotations will use the most recently selected values.
+Default properties for ink annotations can be configured before rendering the component using [InkAnnotationSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_InkAnnotationSettings). After interacting with the toolbar, subsequent annotations will use the most recently selected values.
```cshtml
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md
index 1b8e3f779..442256e72 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/measurement-annotation.md
@@ -93,7 +93,7 @@ The properties of line-based annotations such as Distance and Perimeter can be e
## Setting default properties during control initialization
-Set default properties for measurement annotations before initializing the control using DistanceSettings, PerimeterSettings, AreaSettings, RadiusSettings, and VolumeSettings.
+Set default properties for measurement annotations before initializing the control using [DistanceSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DistanceSettings), [PerimeterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_PerimeterSettings), [AreaSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AreaSettings), [RadiusSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_RadiusSettings), and [VolumeSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_VolumeSettings).
```cshtml
@@ -169,7 +169,7 @@ The supported units of measurement for measurement annotations are:
## Setting default scale ratio settings during control initialization
-Set default scale ratio settings for measurement annotations before initializing the control using ScaleRatioSettings, as shown below.
+Set default scale ratio settings for measurement annotations before initializing the control using [ScaleRatioSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerMeasurementSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerMeasurementSettings_ScaleRatio), as shown below.
```cshtml
@@ -193,6 +193,7 @@ Set default scale ratio settings for measurement annotations before initializing
ConversionUnit = CalibrationUnit.Cm
};
}
+
```
## Add measurement annotation programmatically
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md
index d867832cf..41c424407 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/shape-annotation.md
@@ -92,7 +92,7 @@ Properties for line-based shapes (Line and Arrow) can be adjusted in the Line Pr
## Setting default properties during control initialization
-Default properties for shape annotations can be configured during initialization using LineSettings, ArrowSettings, RectangleSettings, CircleSettings, and PolygonSettings. These apply when the corresponding shape is created from the toolbar or programmatically.
+Default properties for shape annotations can be configured during initialization using [LineSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_LineSettings), [ArrowSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AreaSettings), [RectangleSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_RectangleSettings), [CircleSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CircleSettings), and [PolygonSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_PolygonSettings). These apply when the corresponding shape is created from the toolbar or programmatically.
```cshtml
@@ -190,7 +190,7 @@ The appearance of an annotation’s selector can be customized using [Annotation
## Add shape annotation Programmatically
-The Blazor SfPdfViewer supports programmatic creation of shape annotations—Rectangle, Line, Arrow, Circle, and Polygon—using [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_). Ensure the document is loaded and the component reference is available before invoking API calls.
+The Blazor SfPdfViewer supports programmatic creation of shape annotations Rectangle, Line, Arrow, Circle, and Polygon using [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_). Ensure the document is loaded and the component reference is available before invoking API calls.
Below is an example demonstrating how to use this method to add a shape annotation to a PDF document:
@@ -320,7 +320,7 @@ The following code demonstrates how to delete multiple annotations at once in PD
## Edit shape annotation Programmatically
-Shape annotations—Rectangle, Line, Arrow, Circle, and Polygon—can be edited programmatically using [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_). Retrieve the target annotation from [GetAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetAnnotationsAsync) and update the desired properties before submitting the edit.
+Shape annotations Rectangle, Line, Arrow, Circle, and Polygon can be edited programmatically using [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_). Retrieve the target annotation from [GetAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetAnnotationsAsync) and update the desired properties before submitting the edit.
Below is an example demonstrating how to edit a shape annotation programmatically:
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md
index 127d46254..e39562d19 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/stamp-annotation.md
@@ -49,7 +49,7 @@ N> Only JPEG (JPG/JPEG) image formats are supported for custom stamp annotations
## Setting default properties during control initialization
-Default properties for stamp annotations can be configured before the component is created by using `StampSettings`. These defaults apply to newly added stamp annotations.
+Default properties for stamp annotations can be configured before the component is created by using [StampSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_StampSettings). These defaults apply to newly added stamp annotations.
After changing the default opacity using the Edit Opacity tool, the currently selected value is applied to subsequent stamps.
@@ -81,7 +81,7 @@ After changing the default opacity using the Edit Opacity tool, the currently se
## Adding a custom stamp to the PDF document via PdfViewerCustomStampSettings
-An image can be added as a custom stamp icon by using the `CustomStamps` property of the `PdfViewerCustomStampSettings` class.
+An image can be added as a custom stamp icon by using the [CustomStamps](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerCustomStampSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerCustomStampSettings_CustomStamps) property of the [PdfViewerCustomStampSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CustomStampSettings) class.
The following example illustrates how to add an image as a stamp annotation in the SfPdfViewer.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md
index 38fd2b026..4134afdfb 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/sticky-notes-annotation.md
@@ -53,7 +53,7 @@ Use the menu in the Comment panel to modify or delete comments, replies, and the
## Setting default properties during control initialization
-Set default properties for sticky notes annotations before initializing the control using StickyNotesSettings.
+Set default properties for sticky notes annotations before initializing the control using [StickyNotesSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_StickyNotesSettings).
After changing the default opacity using the Edit Opacity tool, the values are updated to the selected settings.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md
index 7f3d93bc9..b60e6f246 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/annotation/text-markup-annotation.md
@@ -218,7 +218,7 @@ Change the annotation opacity using the range slider in the **Edit Opacity** too
## Text markup annotation settings
-Set default properties for text markup annotations before rendering the component using the `HighlightSettings`, `UnderlineSettings`, `StrikethroughSettings`, and `SquigglySettings` parameters.
+Set default properties for text markup annotations before rendering the component using the [HighlightSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_HighlightSettings), [UnderlineSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_UnderlineSettings), [StrikethroughSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_StrikethroughSettings), and [SquigglySettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SquigglySettings) parameters.
N> After changing the default color and opacity using the **Edit Color** and **Edit Opacity** tools, those values become the new defaults for subsequent annotations.
@@ -398,4 +398,4 @@ N> Alternatively, the annotation can be deleted using its annotation ID with the
## See also
-* [How to change the highlight color of the text](../how-to/change-the-highlighted-color-of-the-text)
\ No newline at end of file
+* [How to change the highlight color of the text](../faqs/how-to-change-the-highlighted-color-of-the-text)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md b/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md
index 07aa55f39..c9b911445 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/command-manager.md
@@ -16,19 +16,16 @@ The [PdfViewerCommandManager](https://help.syncfusion.com/cr/blazor/Syncfusion.B
## Command Execution
To execute custom commands, simply provide a list of keyboard shortcuts along with the corresponding actions. These actions will be triggered when the specified keyboard shortcuts are pressed.
-* [Commands](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyboardCommand.html):
-Defines the collection of custom keyboard shortcuts and the action names to execute in the PDF Viewer.
+* [Commands](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyboardCommand.html): Defines the collection of custom keyboard shortcuts and the action names to execute in the PDF Viewer.
-* [CommandExecuted](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html):
-Raised when a registered keyboard shortcut is detected; handle this event to perform the action.
+* [CommandExecuted](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html): Raised when a registered keyboard shortcut is detected; handle this event to perform the action.
## How to create custom command:
Create custom keyboard commands by specifying an action name and the corresponding key gesture for the PDF Viewer.
* [ActionName](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CommandExecutedEventArgs.html#Syncfusion_Blazor_SfPdfViewer_CommandExecutedEventArgs_ActionName): Specifies the name of the action to execute when the keyboard shortcut is pressed (for example, FitToWidth, FitToPage). The action name must correspond to a recognized PDF Viewer action.
-* [Gesture](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html):
-Specifies the combination of [keys](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Key) and [modifiers](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Modifiers), including Control, Shift, Alt or Meta key that are utilized within the PDF viewer. On macOS, Meta maps to the Command key.
+* [Gesture](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html): Specifies the combination of [keys](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Key) and [modifiers](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.KeyGesture.html#Syncfusion_Blazor_SfPdfViewer_KeyGesture_Modifiers), including Control, Shift, Alt or Meta key that are utilized within the PDF viewer. On macOS, Meta maps to the Command key.
The following example registers two custom keyboard commands (FitToWidth and FitToPage) and handles them in CommandExecuted. The example uses SfPdfViewer2; use the component that matches the project version.
@@ -85,6 +82,7 @@ The following example registers two custom keyboard commands (FitToWidth and Fit
}
```
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Keyboard%20accessibility/Command%20Manager)
## See also
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
index a7819e440..2958a9429 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/aws-beanstalk-deployment.md
@@ -69,7 +69,7 @@ var app = builder.Build();
Add the following stylesheet and script to the head section of the **~/Pages/_Host.cshtml** file.
{% tabs %}
-{% highlight cshtml %}
+{% highlight cshtml hl_lines="3 7" %}
@@ -79,6 +79,7 @@ Add the following stylesheet and script to the head section of the **~/Pages/_Ho
+
{% endhighlight %}
{% endtabs %}
@@ -131,10 +132,10 @@ Run the application to display the PDF file in the Syncfusion® Blazor PDF Vi
## See also
-* [Getting started with the Blazor PDF Viewer in a Blazor WebAssembly app](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/web-assembly-application)
-
-* [Getting started with the Blazor PDF Viewer in WSL mode](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/wsl-application)
+* [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](../getting-started/web-app)
-* [Ways to add script references in a Blazor application](https://blazor.syncfusion.com/documentation/common/adding-script-references)
+* [Getting started with the Blazor PDF Viewer in a Blazor WebAssembly app](../getting-started/web-assembly-application)
+* [Getting started with the Blazor PDF Viewer in WSL mode](./wsl-application)
+* [Ways to add script references in a Blazor application](https://blazor.syncfusion.com/documentation/common/adding-script-references)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/WSL-Mode.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/WSL-Mode.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/WSL-Mode.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/WSL-Mode.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/dotnet-info.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/dotnet-info.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/dotnet-info.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/dotnet-info.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/exception.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/exception.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/exception.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/exception.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/final.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/final.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/final.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/final.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/turn-features.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/turn-features.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/turn-features.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/turn-features.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/ubuntu-install.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/ubuntu-install.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/ubuntu-install.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/ubuntu-install.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/username-password.png b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/username-password.png
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/gettingstarted-images/username-password.png
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application-images/username-password.png
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wsl-application.md b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application.md
similarity index 81%
rename from Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wsl-application.md
rename to Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application.md
index 0c5a16b97..5f623e585 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wsl-application.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/deployment/wsl-application.md
@@ -13,7 +13,7 @@ Use the following steps to run the Syncfusion® If any issues occur while running in WSL mode, use the following instructions to resolve them.
If the sample does not load the PDF file and an exception is thrown:
-
+
In the Ubuntu terminal, run the following commands one by one to install the required Blazor PDF Viewer dependencies for Linux:
@@ -88,10 +88,12 @@ In the Ubuntu terminal, run the following commands one by one to install the req
Close the project, reopen it, and run it in WSL mode. It should run properly.
-
+
## See also
-* [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](./web-app)
+* [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](../getting-started/web-app)
-* [Getting started with the Blazor PDF Viewer in a Blazor WebAssembly app](./web-assembly-application)
+* [Getting started with the Blazor PDF Viewer in a Blazor WebAssembly app](../getting-started/web-assembly-application)
+
+* [Getting started with the Blazor PDF Viewer in AWS Beanstalk mode](./aws-beanstalk-deployment)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/document-security.md b/Document-Processing/PDF/PDF-Viewer/blazor/document-security-overview.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/document-security.md
rename to Document-Processing/PDF/PDF-Viewer/blazor/document-security-overview.md
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/document-security/password-protected.md b/Document-Processing/PDF/PDF-Viewer/blazor/document-security/password-protected.md
index 5b9e13a7c..a677ad178 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/document-security/password-protected.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/document-security/password-protected.md
@@ -15,22 +15,22 @@ Some PDFs require a password to open. When such a document is loaded in the view
The viewer displays a password prompt UI when a protected document is opened.
-Desktop password prompt:
+**Desktop password prompt:**
-Mobile password prompt:
+**Mobile password prompt:**
- If the correct password is provided, the document loads and becomes viewable per the document’s permissions.
- If the password is incorrect, the viewer shows an error and continues to prompt until a valid password is entered or the operation is canceled.
-Invalid password error in desktop:
+**Invalid password error in desktop:**
-Invalid password error in Mobile:
+**Invalid password error in Mobile:**
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/document-security/permission.md b/Document-Processing/PDF/PDF-Viewer/blazor/document-security/permission.md
index 33aec6ee6..19bb1dcd3 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/document-security/permission.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/document-security/permission.md
@@ -18,7 +18,7 @@ PDFs can be secured with an owner password and a set of permissions that restric
The viewer respects these permission flags and disables restricted actions in its UI. It cannot bypass or elevate document permissions. For example, when printing is disallowed, the print action is not available; when copying is restricted, text selection may be limited or copy commands disabled.
-UI when a permission-restricted document is loaded
+**UI when a permission-restricted document is loaded:**
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer-in-a-popup-window.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer-in-a-popup-window.md
index 2b62c84b9..35e9d818f 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer-in-a-popup-window.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer-in-a-popup-window.md
@@ -59,6 +59,6 @@ For a quick preview experience, the PDF viewer can be hosted inside a dialog (po
## See also
-* [How to create SfPdfViewer Component in a Splitter Component](./create-sfpdfviewer-in-a-splitter-component)
+* [How to create SfPdfViewer Component in a Splitter Component](./how-to-create-sfpdfviewer-in-a-splitter-component)
-* [How to view the created PDF document](./create-sfpdfviewer)
\ No newline at end of file
+* [How to view the created PDF document](./how-to-create-sfpdfviewer)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer.md
index 4f5b85aa5..236edf629 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-create-sfpdfviewer.md
@@ -56,8 +56,8 @@ The following example demonstrates generating a PDF in memory and rendering it a
## See also
-* [How to create SfPdfViewer Component in a Splitter Component](./create-sfpdfviewer-in-a-splitter-component)
+* [How to create SfPdfViewer Component in a Splitter Component](./how-to-create-sfpdfviewer-in-a-splitter-component)
-* [How to create a SfPdfViewer within a popup window in Blazor](./create-sfpdfviewer-in-a-popup-window)
+* [How to create a SfPdfViewer within a popup window in Blazor](./how-to-create-sfpdfviewer-in-a-popup-window)
-* [How to get PDF document's data](./get-data-from-sfpdfviewer)
\ No newline at end of file
+* [How to get PDF document's data](./how-to-get-data-from-sfpdfviewer)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-deploy-maui-using-android-emulator.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-deploy-maui-using-android-emulator.md
index bbc7beb42..6cb3bd4f9 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-deploy-maui-using-android-emulator.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-deploy-maui-using-android-emulator.md
@@ -77,10 +77,10 @@ N> For emulator issues, see Troubleshooting Android Emulator: https://learn.micr
->[View sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Server%20Deployment/Maui/MauiBlazorAndroid).
+>[View sample on GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Getting%20Started/MAUI%20Blazor%20App/MauiBlazorAndroid).
## See also
-* [Supported features: Desktop vs mobile](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/overview#supported-features-desktop-vs-mobile).
+* [Supported features: Desktop vs mobile](../overview#supported-features-desktop-vs-mobile).
-* [Render a PDF document from a URL in the MAUI app](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/blazor/getting-started/deploy-maui-windows).
+* [Render a PDF document from a URL in the MAUI app](../getting-started/maui-blazor-app).
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-get-data-from-sfpdfviewer.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-get-data-from-sfpdfviewer.md
index 4861915e9..000751e2c 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-get-data-from-sfpdfviewer.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-get-data-from-sfpdfviewer.md
@@ -56,6 +56,6 @@ The following example retrieves the current document data and then reloads the s
## See also
-* [How to create SfPdfViewer Component in a Splitter Component](./create-sfpdfviewer-in-a-splitter-component)
+* [How to create SfPdfViewer Component in a Splitter Component](./how-to-create-sfpdfviewer-in-a-splitter-component)
-* [How to create a SfPdfViewer within a popup window in Blazor](./create-sfpdfviewer-in-a-popup-window)
\ No newline at end of file
+* [How to create a SfPdfViewer within a popup window in Blazor](./how-to-create-sfpdfviewer-in-a-popup-window)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-increase-connection-buffer-size.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-increase-connection-buffer-size.md
index 8f14cfa12..718f65600 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-increase-connection-buffer-size.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-increase-connection-buffer-size.md
@@ -19,4 +19,4 @@ builder.Services.AddSignalR(o => { o.MaximumReceiveMessageSize = 102400000; });
## See also
-* [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component](../faqs/how-to-processing-large-files-without-increasing-maximum-message-size)
\ No newline at end of file
+* [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component](./how-to-processing-large-files-without-increasing-maximum-message-size)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-desired-pdf-for-initial-loading-in-hosted-sample.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-desired-pdf-for-initial-loading-in-hosted-sample.md
index 4f7d80b2b..fdbfe0068 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-desired-pdf-for-initial-loading-in-hosted-sample.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-desired-pdf-for-initial-loading-in-hosted-sample.md
@@ -50,8 +50,8 @@ With this implementation, users can dynamically switch the displayed PDF at runt
## See also
-* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./load-office-files)
+* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./how-to-load-office-files)
-* [How to load PDF documents dynamically in Blazor SfPdfViewer Component](./load-pdf-document-dynamically)
+* [How to load PDF documents dynamically in Blazor SfPdfViewer Component](./how-to-load-pdf-document-dynamically)
-* [How to unload the PDF document from Viewer](./unload-the-pdf-document-from-viewer)
\ No newline at end of file
+* [How to unload the PDF document from Viewer](./how-to-unload-the-pdf-document-from-viewer)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-office-files.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-office-files.md
index 9d7c4336d..ab0cd41fd 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-office-files.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-office-files.md
@@ -177,6 +177,6 @@ In the following example, a Word document is converted to a PDF and then loaded
## See also
-* [How to load PDF documents dynamically in Blazor SfPdfViewer Component](./load-pdf-document-dynamically)
+* [How to load PDF documents dynamically in Blazor SfPdfViewer Component](./how-to-load-pdf-document-dynamically)
-* [How to unload the PDF document from Viewer](./unload-the-pdf-document-from-viewer)
\ No newline at end of file
+* [How to unload the PDF document from Viewer](./how-to-unload-the-pdf-document-from-viewer)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-pdf-document-dynamically.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-pdf-document-dynamically.md
index 9942c0aa7..eb82c7118 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-pdf-document-dynamically.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-load-pdf-document-dynamically.md
@@ -74,8 +74,8 @@ N> You can refer to our [Blazor SfPdfViewer](https://www.syncfusion.com/pdf-view
## See also
-* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./load-office-files)
+* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./how-to-load-office-files)
-* [How to unload the PDF document from Viewer](./unload-the-pdf-document-from-viewer)
+* [How to unload the PDF document from Viewer](./how-to-unload-the-pdf-document-from-viewer)
-* [How to show or hide the Component dynamically](../faqs/how-to-show-or-hide-sfpdfviewer-dynamically)
\ No newline at end of file
+* [How to show or hide the Component dynamically](./how-to-show-or-hide-sfpdfviewer-dynamically)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-perform-print-in-same-window.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-perform-print-in-same-window.md
index dc9aa6ea8..fedd7e055 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-perform-print-in-same-window.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-perform-print-in-same-window.md
@@ -31,4 +31,4 @@ Use the SfPdfViewer2 `PrintMode` enum to control whether printing occurs in the
* [Printing options in Blazor SfPdfViewer](../print)
-* [Print the SfPdfViewer inside a Dialog](./print-the-sfpdfiewer-inside-the-dialog-component)
+* [Print the SfPdfViewer inside a Dialog](./how-to-print-the-sfpdfiewer-inside-the-dialog-component)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-print-the-sfpdfiewer-inside-the-dialog-component.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-print-the-sfpdfiewer-inside-the-dialog-component.md
index 10d016ad6..f47eefe3a 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-print-the-sfpdfiewer-inside-the-dialog-component.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-print-the-sfpdfiewer-inside-the-dialog-component.md
@@ -77,4 +77,4 @@ The following code illustrates how to perform print action once SfPdfViewer is l
* [Print in Blazor SfPdfViewer Component](../print)
-* [How to perform print in same window](./perform-print-in-same-window)
\ No newline at end of file
+* [How to perform print in same window](./how-to-perform-print-in-same-window)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-show-or-hide-sfpdfviewer-dynamically.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-show-or-hide-sfpdfviewer-dynamically.md
index 39ce062cf..f8f8fa378 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-show-or-hide-sfpdfviewer-dynamically.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-show-or-hide-sfpdfviewer-dynamically.md
@@ -74,8 +74,8 @@ The following example initializes the PDF Viewer hidden and toggles its visibili
## See also
-* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./load-office-files)
+* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./how-to-load-office-files)
-* [How to load PDF documents dynamically in Blazor SfPdfViewer Component](./load-pdf-document-dynamically)
+* [How to load PDF documents dynamically in Blazor SfPdfViewer Component](./how-to-load-pdf-document-dynamically)
-* [How to unload the PDF document from Viewer](./unload-the-pdf-document-from-viewer)
\ No newline at end of file
+* [How to unload the PDF document from Viewer](./how-to-unload-the-pdf-document-from-viewer)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-unload-the-pdf-document-from-viewer.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-unload-the-pdf-document-from-viewer.md
index 5f1af46c6..240fae867 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-unload-the-pdf-document-from-viewer.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-unload-the-pdf-document-from-viewer.md
@@ -42,6 +42,6 @@ To unload a PDF and release its resources programmatically, call the [UnloadAsyn
## See also
-* [How to show or hide the Component dynamically](../faqs/how-to-show-or-hide-sfpdfviewer-dynamically)
+* [How to show or hide the Component dynamically](./how-to-show-or-hide-sfpdfviewer-dynamically)
-* [How to load PDF documents dynamically](../faqs/how-to-load-pdf-document-dynamically)
\ No newline at end of file
+* [How to load PDF documents dynamically](./how-to-load-pdf-document-dynamically)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-view-docx-file-in-blazor-application.md b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-view-docx-file-in-blazor-application.md
index 60cb1a2d9..593212404 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-view-docx-file-in-blazor-application.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/faqs/how-to-view-docx-file-in-blazor-application.md
@@ -25,4 +25,4 @@ N> For an overview of capabilities, see the [Blazor SfPdfViewer](https://www.syn
## See also
-* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./load-office-files)
\ No newline at end of file
+* [How to load Microsoft Office files in Blazor SfPdfViewer Component](./how-to-load-office-files)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/create-programmatically.md
index 052e42a0a..3df735ab2 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/create-programmatically.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/create-programmatically.md
@@ -15,7 +15,7 @@ N> Programmatic operations do not require enabling the Form Designer UI. Ensure
## Adding Form Fields Programmatically
-The Blazor SfPdfViewer offers a way to add form fields programmatically using the [`AddFormFieldsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddFormFieldsAsync_System_Collections_Generic_List_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo__) method. This method accepts a list of [`FormFieldInfo`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html) objects, where each object represents a form field (for example, ButtonField, TextBoxField, PasswordField, CheckBoxField, RadioButtonField, DropDownField, ListBoxField, SignatureField) with specific properties and [`Bound`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.Bound.html) coordinates.
+The Blazor SfPdfViewer offers a way to add form fields programmatically using the [AddFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddFormFieldsAsync_System_Collections_Generic_List_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo__) method. This method accepts a list of [FormFieldInfo](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html) objects, where each object represents a form field (for example, ButtonField, TextBoxField, PasswordField, CheckBoxField, RadioButtonField, DropDownField, ListBoxField, SignatureField) with specific properties and [Bound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.Bound.html) coordinates.
The example below demonstrates how to add form fields in the SfPdfViewer2 component:
@@ -68,9 +68,9 @@ N> Form fields can also be added interactively using the Form Designer UI for an
## Form Field Settings
-The Blazor SfPdfViewer provides [`FormFieldSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html) to configure form field appearance, including borders, background, text styles, and related properties.
+The Blazor SfPdfViewer provides [FormFieldSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html) to configure form field appearance, including borders, background, text styles, and related properties.
-The example below demonstrates configuring [thickness](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_Thickness). Additional options include **[background color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_BackgroundColor), [border color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_BorderColor), [text color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_Color), [font family](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_FontFamily), [font size](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_FontSize), and [font style](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_FontStyle)**.
+The example below demonstrates configuring [thickness](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_Thickness). Additional options include [background color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_BackgroundColor), [border color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_BorderColor), [text color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_Color), [font family](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_FontFamily), [font size](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_FontSize), and [font style](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldSettings.html#Syncfusion_Blazor_SfPdfViewer_FormFieldSettings_FontStyle).
```cshtml
@page "/"
@@ -117,10 +117,10 @@ The following image illustrates the listbox field thickness customization in Bla
## Activating and Deactivating Form Field Mode
-The [`SetFormDrawingModeAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SetFormDrawingModeAsync_System_Nullable_Syncfusion_Blazor_SfPdfViewer_FormFieldType__) method defines the type of form field that can be drawn interactively in the viewer. This controls the UI drawing behavior and is independent of programmatic creation via `AddFormFieldsAsync`.
+The [SetFormDrawingModeAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SetFormDrawingModeAsync_System_Nullable_Syncfusion_Blazor_SfPdfViewer_FormFieldType__) method defines the type of form field that can be drawn interactively in the viewer. This controls the UI drawing behavior and is independent of programmatic creation via `AddFormFieldsAsync`.
-- **Setting Form Field Mode:** Specify a [`FormFieldType`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldType.html) to allow adding a specific form field.
-- **Clearing Form Field Mode:** Reset the form field selection by calling [`SetFormDrawingModeAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SetFormDrawingModeAsync_System_Nullable_Syncfusion_Blazor_SfPdfViewer_FormFieldType__) without parameters.
+- **Setting Form Field Mode:** Specify a [FormFieldType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldType.html) to allow adding a specific form field.
+- **Clearing Form Field Mode:** Reset the form field selection by calling [SetFormDrawingModeAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SetFormDrawingModeAsync_System_Nullable_Syncfusion_Blazor_SfPdfViewer_FormFieldType__) without parameters.
### Example
@@ -168,7 +168,7 @@ The following image illustrates setting and clearing the form field mode in Blaz
## Update Form Fields
-Form fields can be modified dynamically by retrieving them with [`GetFormFieldsAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetFormFieldsAsync) and applying changes using [`UpdateFormFieldsAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_UpdateFormFieldsAsync_Syncfusion_Blazor_SfPdfViewer_FormField_). Use null/empty checks and batch updates to efficiently apply multiple changes.
+Form fields can be modified dynamically by retrieving them with [GetFormFieldsAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetFormFieldsAsync) and applying changes using [UpdateFormFieldsAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_UpdateFormFieldsAsync_Syncfusion_Blazor_SfPdfViewer_FormField_). Use null/empty checks and batch updates to efficiently apply multiple changes.
### Appearance Properties
Controls the visual aspects of form fields, including [background color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_BackgroundColor), [border color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_BorderColor), [text color](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_Color), [thickness](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_Thickness), [maxLength](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html#Syncfusion_Blazor_SfPdfViewer_TextBoxField_MaxLength), [visibility](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_Visibility), [font size](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_FontSize), [font family](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_FontFamily), [font style](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_FontStyle), and [text alignment](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_TextAlignment). These properties customize the visual presentation of fields.
@@ -258,7 +258,7 @@ The following image illustrates updating the metadata of a dropdown field in Bla
### Grouping and Synchronizing Form Fields Properties
-When multiple fields share the same name, changes apply to all linked fields. Updates to **[Value](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html#Syncfusion_Blazor_SfPdfViewer_TextBoxField_Value), [Required](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_IsRequired), [Readonly](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_IsReadOnly), [Multiline](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html#Syncfusion_Blazor_SfPdfViewer_TextBoxField_IsMultiline), and [Tooltip](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_TooltipText)** reflect instantly. This ensures consistency across the document.
+When multiple fields share the same name, changes apply to all linked fields. Updates to [Value](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html#Syncfusion_Blazor_SfPdfViewer_TextBoxField_Value), [Required](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_IsRequired), [Readonly](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_IsReadOnly), [Multiline](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html#Syncfusion_Blazor_SfPdfViewer_TextBoxField_IsMultiline), and [Tooltip](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldInfo.html#Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_TooltipText) reflect instantly. This ensures consistency across the document.
```cshtml
@page "/"
@@ -294,10 +294,10 @@ N> Users can also update form fields through the UI in SfPdfViewer for an intuit
## Delete Form Fields
-The [`DeleteFormFieldsAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Boolean_) method enables the removal of form fields from the document, allowing users to manage and modify form structures efficiently.
+The [DeleteFormFieldsAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Boolean_) method enables the removal of form fields from the document, allowing users to manage and modify form structures efficiently.
### Delete All Form Fields
-Removes all form fields from the document using [`DeleteFormFieldsAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Boolean_) , clearing all interactive elements at once.
+Removes all form fields from the document using [DeleteFormFieldsAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Boolean_) , clearing all interactive elements at once.
```cshtml
@page "/"
@@ -331,7 +331,7 @@ The following image illustrates deleting all form fields in Blazor SfPdfViewer:
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/blob/master/Form%20Designer/Components/Pages/DeleteAllFields.razor).
### Delete Selected Form Fields
-Deletes only the currently selected form field using [`DeleteFormFieldsAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Boolean_), enabling users to modify the document while keeping the rest of the form structure intact.
+Deletes only the currently selected form field using [DeleteFormFieldsAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Boolean_), enabling users to modify the document while keeping the rest of the form structure intact.
```cshtml
@page "/"
@@ -365,7 +365,7 @@ The following image illustrates deleting a selected password field in Blazor SfP
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/blob/master/Form%20Designer/Components/Pages/DeleteSelectedField.razor).
### Delete Form Fields by IDs
-Removes specific form fields using [`DeleteFormFieldsAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Collections_Generic_List_System_String__) based on their unique identifiers, allowing precise control over which fields are deleted without affecting others. The example below deletes a single field by ID; pass multiple IDs to delete several fields at once.
+Removes specific form fields using [DeleteFormFieldsAsync()](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteFormFieldsAsync_System_Collections_Generic_List_System_String__) based on their unique identifiers, allowing precise control over which fields are deleted without affecting others. The example below deletes a single field by ID; pass multiple IDs to delete several fields at once.
```cshtml
@page "/"
@@ -404,11 +404,11 @@ N> Users can also delete form fields through the UI in SfPdfViewer for an intuit
## Select Form Field
-Form fields can be programmatically selected using the [`SelectFormFieldAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_) method. Selection is supported either by unique ID or by passing the form field object reference.
+Form fields can be programmatically selected using the [SelectFormFieldAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_) method. Selection is supported either by unique ID or by passing the form field object reference.
### Select Form Field by ID
-The following example demonstrates selecting a form field by passing the form field object reference to [`SelectFormFieldAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_). To select by unique ID instead, use the string overload of [`SelectFormFieldAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_System_String_).
+The following example demonstrates selecting a form field by passing the form field object reference to [SelectFormFieldAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_). To select by unique ID instead, use the string overload of [SelectFormFieldAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_System_String_).
```cshtml
@page "/"
@@ -447,7 +447,7 @@ The following image illustrates selecting a button field in Blazor SfPdfViewer:
### Select Form Field by Object Reference
-Optionally, retrieve all available form fields using [`GetFormFieldsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetFormFieldsAsync), and then select a specific field by passing its object reference to [`SelectFormFieldAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_).
+Optionally, retrieve all available form fields using [GetFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetFormFieldsAsync), and then select a specific field by passing its object reference to [SelectFormFieldAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_SelectFormFieldAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldInfo_).
```cshtml
@page "/"
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/events.md b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/events.md
index b48aaca37..c715c152d 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/events.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/events.md
@@ -41,7 +41,7 @@ Below are the key events provided by the Form Designer to handle form field inte
[FormFieldAdding](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_FormFieldAdding) event is triggered before a form field is added in the SfPdfViewer2 component.
-The event exposes the `Cancel` property, which can be set to `true` to conditionally prevent adding the form field.
+The event exposes the [Cancel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldAddEventArgs.html#Syncfusion_Blazor_SfPdfViewer_FormFieldAddEventArgs_Cancel) property, which can be set to `true` to conditionally prevent adding the form field.
#### Event Arguments
The FormFieldAdding event provides [FormFieldAddEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldAddEventArgs.html), which includes [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldAddEventArgs.html#Syncfusion_Blazor_SfPdfViewer_FormFieldAddEventArgs_Field) (form field details), [PageNumber](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldAddEventArgs.html#Syncfusion_Blazor_SfPdfViewer_FormFieldAddEventArgs_PageNumber) (target page), and [Cancel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldAddEventArgs.html#Syncfusion_Blazor_SfPdfViewer_FormFieldAddEventArgs_Cancel) (to prevent addition).
@@ -715,5 +715,6 @@ The event provides [FormFieldsImportFailedEventArgs](https://help.syncfusion.com
## See also
+* [Events in Blazor SfPdfviewer](../events)
* [Programmatic Support in Form Designer](./create-programmatically)
* [UI Interactions in Form Designer](./ui-interactions)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/form-designer-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/form-designer-in-mobile-view.md
index b9f3f8a80..484fd7f1b 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/form-designer-in-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/form-designer-in-mobile-view.md
@@ -93,7 +93,7 @@ To delete a form field, select the field to remove. The Delete icon appears in t
## See also
-* [Mobile Toolbar](../mobile-toolbar)
+* [Mobile Toolbar](../toolbar/mobile-toolbar)
* [Annotations in Mobile View](../annotation/annotations-in-mobile-view)
* [Form designer overview](../form-designer/overview)
* [UI interactions](../form-designer/ui-interactions)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/overview.md b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/overview.md
index 365678508..2fb4c55b4 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/form-designer/overview.md
@@ -19,14 +19,14 @@ Fields retain their properties when downloaded or reloaded, even in large docume
SfPdfViewer supports a range of interactive form fields for structured and dynamic data collection:
-> 1. [Textbox](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html)
-> 2. [Password](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PasswordField.html)
-> 3. [Check Box](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CheckBoxField.html)
-> 4. [Radio Button](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.RadioButtonField.html)
-> 5. [List Box](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ListBoxField.html)
-> 6. [Dropdown](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.DropDownField.html)
-> 7. [Signature Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SignatureField.html)
-> 8. [Button](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ButtonField.html)
+1. [Textbox](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextBoxField.html)
+2. [Password](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PasswordField.html)
+3. [Check Box](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CheckBoxField.html)
+4. [Radio Button](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.RadioButtonField.html)
+5. [List Box](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ListBoxField.html)
+6. [Dropdown](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.DropDownField.html)
+7. [Signature Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.SignatureField.html)
+8. [Button](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ButtonField.html)
These fields ensure seamless interaction, customization, and data consistency, enabling the creation of well-structured and user-friendly PDF forms.
@@ -119,7 +119,7 @@ To show the Form Designer icon on the toolbar in [SfPdfViewer2](https://help.syn
If set to `false`, the PDF Viewer remains in Form Filling mode only, and the Form Designer feature is disabled.
-N> By default, [`EnableFormDesigner`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnableFormDesigner) is `true`.
+N> By default, [EnableFormDesigner](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnableFormDesigner) is `true`.
#### Example code for Injecting Form Designer Module
@@ -145,7 +145,7 @@ The Designer Mode in [SfPdfViewer](https://help.syncfusion.com/cr/blazor/Syncfus
When Designer Mode is enabled, users can edit, move, and manipulate form fields within the PDF Viewer. If disabled, form fields remain static and can only be filled.
-N> By default, [`IsDesignerMode`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_IsDesignerMode) is set to `false`, meaning form fields can be filled but not modified.
+N> By default, [IsDesignerMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_IsDesignerMode) is set to `false`, meaning form fields can be filled but not modified.
The following example demonstrates how to Enable Designer Mode using SfButton components.
@@ -171,11 +171,11 @@ The [SfPdfViewer](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfV
This functionality allows saving, transferring, or restoring form field values efficiently using the following supported formats:
-> 1. XML
-> 2. FDF
-> 3. XFDF
-> 4. JSON
-> 5. Object-based
+1. XML
+2. FDF
+3. XFDF
+4. JSON
+5. Object-based
The [ExportFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportFormFieldsAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_) and [ImportFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ImportFormFieldsAsync_System_IO_Stream_Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_) methods allow you to export the form field data as a stream, which can later be used to import the saved data into another PDF document.
@@ -185,7 +185,7 @@ The [ExportFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Bla
Exports form field data in XML format and allows importing the same data back into a PDF document.
-N> Setting [`FormFieldDataFormat`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Xml](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Xml) exports or imports form field data in XML format.
+N> Setting [FormFieldDataFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Xml](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Xml) exports or imports form field data in XML format.
The following code shows how to export the form fields as an XML data stream and import that data from the stream into the current PDF document via a button click.
@@ -246,7 +246,7 @@ The following code shows how to export the form fields as an XML data stream and
Exports form field data in Forms Data Format (FDF) and allows importing the same data back into a PDF document.
-N> Setting [`FormFieldDataFormat`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Fdf](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Fdf) exports or imports form field data in FDF format.
+N> Setting [FormFieldDataFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Fdf](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Fdf) exports or imports form field data in FDF format.
The following code demonstrates exporting form fields as FDF to a stream and importing the data back into the current PDF document through a button click.
@@ -304,7 +304,7 @@ The following code demonstrates exporting form fields as FDF to a stream and imp
Similar to FDF, but in XML-based format, XFDF ensures structured data handling for form fields.
-N> Setting [`FormFieldDataFormat`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Xfdf](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Xfdf) exports or imports form field data in XFDF format.
+N> Setting [FormFieldDataFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Xfdf](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Xfdf) exports or imports form field data in XFDF format.
The following code shows how to export the form fields as an XFDF data stream and import that data from the stream into the current PDF document via a button click.
@@ -361,7 +361,7 @@ The following code shows how to export the form fields as an XFDF data stream an
Exports form field data in JSON format, which can be easily read and imported back into the PDF Viewer.
-N> Setting [`FormFieldDataFormat`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Json](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Json) exports or imports form field data in JSON format.
+N> Setting [FormFieldDataFormat](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html) to [Json](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormFieldDataFormat.html#Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_Json) exports or imports form field data in JSON format.
The following code demonstrates exporting form fields as JSON to a stream and importing the data back into the current PDF document through a button click.
@@ -477,7 +477,7 @@ The following code shows how to export form fields as an object and import that
This method allows exporting the form field data and saving it as a JSON file, which can be stored or shared for future use.
-N> If [`ExportFormFieldsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportFormFieldsAsync_System_String_) is called with a string path (file name or path), the form field data is exported in JSON file format.
+N> If [ExportFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportFormFieldsAsync_System_String_) is called with a string path (file name or path), the form field data is exported in JSON file format.
```cshtml
@using Syncfusion.Blazor.SfPdfViewer;
@@ -517,4 +517,5 @@ See the image below.
* [UI interactions in form Designer](./ui-interactions)
* [Programmatic Support in Form Designer](./create-programmatically)
+* [Custom Fonts in Form Designer](./custom-font)
* [Events in Form Designer](./events)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/form-filling.md b/Document-Processing/PDF/PDF-Viewer/blazor/form-filling.md
index 79b39bfba..3245e828e 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/form-filling.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/form-filling.md
@@ -66,14 +66,14 @@ Delete a signature placed in a signature field by using the Delete option in the
## Export and import form fields
-The SfPdfViewer control supports exporting and importing form field data in the following formats using the `ImportFormFieldsAsync` and `ExportFormFieldsAsync` methods:
+The SfPdfViewer control supports exporting and importing form field data in the following formats using the [ImportFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ImportFormFieldsAsync_System_Collections_Generic_Dictionary_System_String_System_String__) and [ExportFormFieldsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_ExportFormFieldsAsync_Syncfusion_Blazor_SfPdfViewer_FormFieldDataFormat_) methods:
* XML
* FDF
* XFDF
* JSON
-> N Form field data is exported as a stream, and that stream can be imported back into the current PDF document.
+N> Form field data is exported as a stream, and that stream can be imported back into the current PDF document.
### Export and import as XML
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/maui-blazor-app.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/maui-blazor-app.md
index 5317a37c5..f903adaf5 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/maui-blazor-app.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/maui-blazor-app.md
@@ -86,7 +86,7 @@ public static class MauiProgram
Add the following stylesheet and script to the head section of the **~/wwwroot/index.html** file.
{% tabs %}
-{% highlight html %}
+{% highlight html hl_lines="3 7" %}
@@ -151,6 +151,10 @@ N> If any errors occur while using the Android Emulator, see [Troubleshooting An
## See also
+* [Getting Started with Blazor PDF Viewer Component in WinForms Blazor Hybrid App](./winforms-blazor-app)
+
+* [Getting Started with Blazor PDF Viewer Component in WPF Blazor Hybrid App](./wpf-blazor-app)
+
* [Supported features: desktop vs. mobile](./features#supported-features-desktop-vs-mobile)
* [Render a PDF document from an embedded source in the .NET MAUI Android app](../faqs/how-to-deploy-maui-using-android-emulator)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md
index f126dd18a..c444b161f 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-app.md
@@ -243,7 +243,9 @@ N> [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewe
Add the following stylesheet and script to the head section of the **~/Components/App.razor** file.
-```html
+{% tabs %}
+{% highlight html hl_lines="3 7" %}
+
@@ -252,7 +254,9 @@ Add the following stylesheet and script to the head section of the **~/Component
-```
+
+{% endhighlight %}
+{% endtabs %}
## Adding Blazor PDF Viewer Component
@@ -306,7 +310,7 @@ N> [View the sample on GitHub](https://github.com/SyncfusionExamples/Blazor-Gett
* [Getting Started with Blazor PDF Viewer Component in Blazor WASM App](./web-assembly-application)
-* [Getting Started with Blazor PDF Viewer Component in WSL mode](./wsl-application)
+* [Getting Started with Blazor PDF Viewer Component in WSL mode](../deployment/wsl-application)
* [Learn different ways to add script reference in Blazor Application](https://blazor.syncfusion.com/documentation/common/adding-script-references)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md
index 9ca43aeb9..166199ef3 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/web-assembly-application.md
@@ -138,7 +138,7 @@ await builder.Build().RunAsync();
Add the following stylesheet and script to the head section of the **wwwroot/index.html** file.
{% tabs %}
-{% highlight cshtml %}
+{% highlight html hl_lines="3 7" %}
@@ -181,6 +181,6 @@ Run the application to display the PDF file in the Syncfusion® Blazor PDF Vi
* [Getting started with the Blazor PDF Viewer in a Blazor Web app Server app](./web-app)
-* [Getting started with the Blazor PDF Viewer in WSL mode](./wsl-application)
+* [Getting started with the Blazor PDF Viewer in WSL mode](../deployment/wsl-application)
* [.NET 9 Native Linking Issues with SkiaSharp and Emscripten 3.1.56](https://help.syncfusion.com/document-processing/faq/how-to-fix-skiasharp-native-reference-issue-in-blazor-net90-app)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/winforms-blazor-app.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/winforms-blazor-app.md
index f93ba7eaa..db64edf9b 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/winforms-blazor-app.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/winforms-blazor-app.md
@@ -101,7 +101,7 @@ The WinForms project must target Windows and enable WinForms. A typical project
{% endhighlight %}
{% endtabs %}
-Create a `Component` folder, add an `_Imports.razor` file in it, and include the required component namespaces within that folder.
+Create a **Component** folder, add an **_Imports.razor** file in it, and include the required component namespaces within that folder.
{% tabs %}
{% highlight razor tabtitle="~/_Imports.razor" %}
@@ -118,9 +118,8 @@ Create a `Component` folder, add an `_Imports.razor` file in it, and include the
* Inside wwwroot, create an index.html host page for the Blazor UI. This host page is required by BlazorWebView to initialize the Blazor runtime and load static assets (themes and scripts). A basic index.html might look like the following:
-
{% tabs %}
-{% highlight html tabtitle="wwwroot/index.html" hl_lines="8 13" %}
+{% highlight html tabtitle="index.html" hl_lines="8 13" %}
@@ -146,7 +145,7 @@ N> Ensure that the PDF Viewer static assets (themes and scripts) are loaded prop
Register Syncfusion Blazor services and BlazorWebView in **~/Form1.cs** so that the WinForms window can host Blazor components.
{% tabs %}
-{% highlight c# tabtitle="Form1.cs (WinForms host)" hl_lines="2 3 4 5 11 12 13 14 15 16 17 18 19 20 21" %}
+{% highlight c# tabtitle="Form1.cs (WinForms host)" hl_lines="2 3 4 5 8 9 10 11 12 13 14 15 16 17 18 20" %}
namespace WinFormsBlazorHybridApp;
using Microsoft.AspNetCore.Components.WebView.WindowsForms;
@@ -176,7 +175,7 @@ using WinFormsBlazorHybridApp.Components;
## Adding Blazor PDF Viewer component
-Create a Razor component (for example, PDFViewer.razor) in the project and add the Syncfusion® PDF Viewer component to it within the `Component` folder
+Create a Razor component (for example, PDFViewer.razor) in the project and add the Syncfusion® PDF Viewer component to it within the **Component** folder
{% tabs %}
{% highlight razor %}
@@ -207,8 +206,8 @@ Run the WinForms application. The Syncfusion® Blazor PDF Viewer renders insi
* [Getting Started with Blazor PDF Viewer Component in Blazor Web App](./web-app)
-* [Getting Started with Blazor PDF Viewer Component in WPF Blazor Hybrid App](./deploy-wpf-blazor-app)
+* [Getting Started with Blazor PDF Viewer Component in WPF Blazor Hybrid App](./wpf-blazor-app)
-* [Getting Started with Blazor PDF Viewer Component in MAUI Blazor App](./deploy-maui-blazor-app)
+* [Getting Started with Blazor PDF Viewer Component in MAUI Blazor App](./maui-blazor-app)
-* [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component](../how-to/processing-large-files-without-increasing-maximum-message-size)
\ No newline at end of file
+* [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component](../faqs/how-to-processing-large-files-without-increasing-maximum-message-size)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wpf-blazor-app.md b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wpf-blazor-app.md
index 915e64a5f..d9c294d8c 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wpf-blazor-app.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/getting-started/wpf-blazor-app.md
@@ -100,7 +100,7 @@ The WPF project must target Windows and enable WPF. A typical project file looks
{% endhighlight %}
{% endtabs %}
-Create an `_Imports.razor` and add the component namespace
+Create an **_Imports.razor** and add the component namespace
{% tabs %}
{% highlight razor tabtitle="~/_Imports.razor" %}
@@ -114,7 +114,7 @@ Create an `_Imports.razor` and add the component namespace
Register Syncfusion Blazor services and BlazorWebView in **~/MainWindow.xaml.cs** so that the WPF window can host Blazor components.
{% tabs %}
-{% highlight c# tabtitle="MainWindow.xaml.cs (WPF host)" hl_lines="3 4 6 7 8 9 10" %}
+{% highlight c# tabtitle="MainWindow.xaml.cs" hl_lines="3 4 6 7 8 9 10 11" %}
....
@@ -140,7 +140,7 @@ using Syncfusion.Blazor;
{% tabs %}
-{% highlight html tabtitle="wwwroot/index.html" hl_lines="8 13" %}
+{% highlight html tabtitle="index.html" hl_lines="8 13" %}
@@ -223,8 +223,8 @@ Run the WPF application. The Syncfusion® Blazor PDF Viewer renders inside th
* [Getting Started with Blazor PDF Viewer Component in Blazor Web App](./web-app)
-* [Getting Started with Blazor PDF Viewer Component in WinForms Blazor Hybrid App](./deploy-winforms-blazor-app)
+* [Getting Started with Blazor PDF Viewer Component in WinForms Blazor Hybrid App](./winforms-blazor-app)
-* [Getting Started with Blazor PDF Viewer Component in MAUI Blazor App](./deploy-maui-blazor-app)
+* [Getting Started with Blazor PDF Viewer Component in MAUI Blazor App](./maui-blazor-app)
-* [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component](../how-to/processing-large-files-without-increasing-maximum-message-size)
+* [Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component](../faqs/how-to-processing-large-files-without-increasing-maximum-message-size)
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/globalization.md b/Document-Processing/PDF/PDF-Viewer/blazor/globalization.md
index 64e4eb7d0..40df107a8 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/globalization.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/globalization.md
@@ -13,10 +13,10 @@ documentation: ug
The [Blazor SfPdfViewer](https://www.syncfusion.com/pdf-viewer-sdk/blazor-pdf-viewer) component can be localized to display culture-specific text. Refer to the [Blazor Localization](https://blazor.syncfusion.com/documentation/common/localization) guide for steps to add culture resource files, register localization services, and set the current culture.
-> N:
-- Provide localized string resources for the viewer’s UI texts (such as toolbar tooltips, dialog messages).
-- Ensure the app culture (CurrentCulture and CurrentUICulture) is set before the component renders for correct resource lookup.
-- Localization applies to the viewer UI; it does not translate the PDF document content.
+N>
+* Provide localized string resources for the viewer’s UI texts (such as toolbar tooltips, dialog messages).
+* Ensure the app culture (CurrentCulture and CurrentUICulture) is set before the component renders for correct resource lookup.
+* Localization applies to the viewer UI; it does not translate the PDF document content.
## Right to Left
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/dynamic-zoom-value-configuration.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/dynamic-zoom-value-configuration.png
index dc3053db8..e68a6e737 100644
Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/images/dynamic-zoom-value-configuration.png and b/Document-Processing/PDF/PDF-Viewer/blazor/images/dynamic-zoom-value-configuration.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/integration-with-zoom-operations.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/integration-with-zoom-operations.png
index 585ed3bea..b2cb5a3ad 100644
Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/images/integration-with-zoom-operations.png and b/Document-Processing/PDF/PDF-Viewer/blazor/images/integration-with-zoom-operations.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/minimum-and-maximum-zoom-values.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/minimum-and-maximum-zoom-values.png
index bffa28974..50103f782 100644
Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/images/minimum-and-maximum-zoom-values.png and b/Document-Processing/PDF/PDF-Viewer/blazor/images/minimum-and-maximum-zoom-values.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/modern-navigation-mobile.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/modern-navigation-mobile.png
index f295048e4..df19f3640 100644
Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/images/modern-navigation-mobile.png and b/Document-Processing/PDF/PDF-Viewer/blazor/images/modern-navigation-mobile.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/more-options.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/more-options.png
index b9e93928b..6ab082fe3 100644
Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/images/more-options.png and b/Document-Processing/PDF/PDF-Viewer/blazor/images/more-options.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/images/select-comment-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/blazor/images/select-comment-panel-icon.png
index 1cd0eada1..4574b45cf 100644
Binary files a/Document-Processing/PDF/PDF-Viewer/blazor/images/select-comment-panel-icon.png and b/Document-Processing/PDF/PDF-Viewer/blazor/images/select-comment-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interaction.md b/Document-Processing/PDF/PDF-Viewer/blazor/interaction.md
index 235e5130d..2e7ce6e42 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interaction.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interaction.md
@@ -61,7 +61,7 @@ The interaction mode of the SfPdfViewer component can be modified using the [Int
```
## Disable interaction with Annotations
-Annotation interactions such as dragging, resizing, and deleting can be disabled by setting the `IsLock` property in the [AnnotationSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AnnotationSettings) configuration.
+Annotation interactions such as dragging, resizing, and deleting can be disabled by setting the [IsLock](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerAnnotationSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerAnnotationSettings_IsLock) property in the [AnnotationSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AnnotationSettings) configuration.
The following code illustrates how to disable the annotation interaction.
@@ -99,4 +99,4 @@ The following code illustrates how to disable the annotation interaction.
## See also
-* [Navigation in Blazor SfPdfViewer Component](./interactive-pdf-navigation)
\ No newline at end of file
+* [Navigation in Blazor SfPdfViewer Component](./interactive-pdf-navigation-overview)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation-overview.md
similarity index 99%
rename from Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation.md
rename to Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation-overview.md
index a4065af1f..6e1c4f4f9 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation-overview.md
@@ -21,4 +21,5 @@ Page navigation in the Syncfusion® SfPdfVie
## See also
* [Magnification in Blazor SfPdfViewer Component](./magnification)
+
* [Getting Started with SmartPdfViewer in Blazor Web App](../../Smart-PDF-Viewer/blazor/getting-started/web-app)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/bookmark-navigation.md
index f5308d366..ab52ac948 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/bookmark-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/bookmark-navigation.md
@@ -28,3 +28,7 @@ Enable or disable the bookmark panel by setting the [EnableBookmarkPanel](https:
}
```
+
+## See Also
+
+* [Page thumbnail navigation in Blazor SfPdfViewer](./page-thumbnail-navigation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/hyperlink-navigation.md
index 8459b9538..e77223e75 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/hyperlink-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/hyperlink-navigation.md
@@ -17,3 +17,7 @@ Use hyperlinks in a PDF to navigate either to external URLs or to destinations w
If a document does not contain hyperlinks, no link-specific highlighting appears.
+
+## See Also
+
+* [Table of content navigation in Blazor SfPdfViewer](./table-of-content-navigation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/modern-navigation-panel.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/modern-navigation-panel.md
index 394ffd78c..d1c0700e2 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/modern-navigation-panel.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/modern-navigation-panel.md
@@ -39,7 +39,7 @@ The modern navigation panel contains the following built-in items:
## Rearrange default items in the navigation panel
-Use the `BuiltInItems` property, which accepts a list of [NavigationToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.NavigationToolbarItem.html) enums. The viewer renders the navigation icons in the exact sequence provided.
+Use the [BuiltInItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.NavigationToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_NavigationToolbarSettings_BuiltInItems) property, which accepts a list of [NavigationToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.NavigationToolbarItem.html) enums. The viewer renders the navigation icons in the exact sequence provided.
The following example displays Thumbnails first, followed by Bookmarks and the Comment panel.
@@ -101,7 +101,7 @@ The following example toggles the visibility of the second item in the navigatio
### Add custom items to the navigation panel
-You can add custom items to the SfPdfViewer navigation toolbar. Create a list of [CustomNavigationToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CustomNavigationToolbarItem.html) objects and assign it to the `CustomItems` property.
+You can add custom items to the SfPdfViewer navigation toolbar. Create a list of [CustomNavigationToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.CustomNavigationToolbarItem.html) objects and assign it to the [CustomItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.NavigationToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_NavigationToolbarSettings_CustomItems) property.
Each CustomNavigationToolbarItem object includes:
- Index: Position of the item in the toolbar.
@@ -243,3 +243,7 @@ The following example sets the loading strategy to Demand.
On mobile devices, the navigation toolbar collapses into a toggle menu to save space. Any custom items appear at the beginning of this menu.
+
+## See Also
+
+* [Page navigation in Blazor SfPdfViewer](./page-navigation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-navigation.md
index 4478566a2..b2345689f 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-navigation.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Navigation in Blazor SfPdfViewer Component | Syncfusion
+title: Page Navigation in Blazor SfPdfViewer Component | Syncfusion
description: Learn how to navigate PDF pages in Blazor SfPdfViewer using toolbar buttons and programmatic APIs—first, previous, next, last, and go to page.
platform: document-processing
control: SfPdfViewer
@@ -106,4 +106,10 @@ N> GoToPageAsync expects a 1-based page number.
}
}
-```
\ No newline at end of file
+```
+
+## See Also
+
+* [Magnification in Blazor SfPdfViewer](../magnification)
+
+* [Bookmark navigation in Blazor SfPdfViewer](./bookmark-navigation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-thumbnail-navigation.md
index 4b114924b..d98b8955c 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-thumbnail-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/page-thumbnail-navigation.md
@@ -55,3 +55,7 @@ The following example opens the thumbnail panel at initial render.
```
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Thumbnail/Show%20thumbnail%20panel).
+
+## See Also
+
+* [Hyperlink navigation in Blazor SfPdfViewer](./hyperlink-navigation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/table-of-content-navigation.md b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/table-of-content-navigation.md
index 24aa6b091..044684da4 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/table-of-content-navigation.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/interactive-pdf-navigation/table-of-content-navigation.md
@@ -41,4 +41,9 @@ Control where external hyperlinks open by using the [HyperlinkOpenState](https:/
@code{
public string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succinctly.pdf";
}
-```
\ No newline at end of file
+
+```
+
+## See Also
+
+* [Modern navigation panel in Blazor SfPdfViewer](./modern-navigation-panel)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/magnification.md b/Document-Processing/PDF/PDF-Viewer/blazor/magnification.md
index e20e963d5..0a2032262 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/magnification.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/magnification.md
@@ -358,4 +358,4 @@ See the following image.
## See also
-* [Navigation in Blazor SfPdfViewer Component](./interactive-pdf-navigation)
\ No newline at end of file
+* [Navigation in Blazor SfPdfViewer Component](./interactive-pdf-navigation-overview)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/migration.md b/Document-Processing/PDF/PDF-Viewer/blazor/migration.md
index a1f306d76..4a230aab8 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/migration.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/migration.md
@@ -80,14 +80,16 @@ N> The same script file is used for both `Server application` and `Web assembly
{% tabs %}
-{% highlight html tabtitle="(~/Layout.cshtml/Host.cshtml)" hl_lines="5" %}
+{% highlight html tabtitle="(~/Layout.cshtml/Host.cshtml)" hl_lines="7" %}
+
+
-
+
{% endhighlight %}
{% endtabs %}
@@ -99,14 +101,16 @@ N> The same script file is used for both `Server application` and `Web assembly
{% tabs %}
-{% highlight html tabtitle="(~/Layout.cshtml/Host.cshtml)" hl_lines="5" %}
+{% highlight html tabtitle="(~/Layout.cshtml/Host.cshtml)" hl_lines="7" %}
+
+
-
+
{% endhighlight %}
{% endtabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/print.md b/Document-Processing/PDF/PDF-Viewer/blazor/print.md
index 13d10c2b0..51c5a6b90 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/print.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/print.md
@@ -28,7 +28,6 @@ The SfPdfViewer supports printing the loaded PDF by default. Enable or disable t
-
```cshtml
@using Syncfusion.Blazor.SfPdfViewer
@@ -52,7 +51,7 @@ The SfPdfViewer supports printing the loaded PDF by default. Enable or disable t
```
-## EnablePrintRotation in the Blazor SfPdfViewer
+## EnablePrintRotation
[EnablePrintRotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnablePrintRotation) controls whether landscape pages are auto-rotated to best fit when printing. Default: true. Set to false to preserve the original page orientation and suppress automatic rotation during print.
@@ -71,12 +70,12 @@ The SfPdfViewer supports printing the loaded PDF by default. Enable or disable t
```
-## Print modes in the Blazor SfPdfViewer
+## Print modes
[PrintMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_PrintMode) specifies how the print dialog is opened. Default: PrintMode.Default (prints from the same window). Supported values:
-- [PrintMode.Default](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PrintMode.html#Syncfusion_Blazor_SfPdfViewer_PrintMode_Default) — Opens the print dialog in the same window.
-- [PrintMode.NewWindow](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PrintMode.html#Syncfusion_Blazor_SfPdfViewer_PrintMode_NewWindow) — Opens the print dialog from a new browser window/tab, which can be useful depending on browser popup policies.
+- [PrintMode.Default](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PrintMode.html#Syncfusion_Blazor_SfPdfViewer_PrintMode_Default): Opens the print dialog in the same window.
+- [PrintMode.NewWindow](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PrintMode.html#Syncfusion_Blazor_SfPdfViewer_PrintMode_NewWindow): Opens the print dialog from a new browser window/tab, which can be useful depending on browser popup policies.
```cshtml
@@ -93,7 +92,7 @@ The SfPdfViewer supports printing the loaded PDF by default. Enable or disable t
```
-## PrintScaleFactor in the Blazor SfPdfViewer
+## PrintScaleFactor
[PrintScaleFactor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_PrintScaleFactor) sets the scale used when rendering pages for printing. By default the scale factor set as 1.0 (prints at the on-screen scale). Valid range from 0.5 to 5.0. Higher values can improve output clarity for documents with smaller page dimensions and may increase print processing time.
@@ -112,9 +111,9 @@ The SfPdfViewer supports printing the loaded PDF by default. Enable or disable t
```
-## Print Events in Blazor SfPdfViewer
+## Print Events
-The following events are available in the SfPdfViewer component.
+The following events are available for print in the SfPdfViewer component.
|Name|Description|
|---|---|
@@ -129,6 +128,9 @@ The [PrintStart](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfVi
See [PrintStartEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PrintStartEventArgs.html) for details such as Filename, Cancel option.
+- If the [Cancel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PrintStartEventArgs.html#Syncfusion_Blazor_SfPdfViewer_PrintStartEventArgs_Cancel) property is set to true in the PrintStart event, the print operation is canceled and the print dialog will not open.
+- By default, Cancel is false. Set it to true to prevent printing.
+
The following example illustrates how to handle the PrintStart event.
```cshtml
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/create-programmatically.md
index b95797fe0..26e7260d8 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/create-programmatically.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/create-programmatically.md
@@ -11,7 +11,7 @@ documentation: ug
## Add redaction annotations programmatically
-Use the [`AddAnnotationAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_AddAnnotationAsync_Syncfusion_Blazor_PdfViewer_PdfAnnotation_) method to add a redaction annotation by creating a [`PdfAnnotation`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.PdfAnnotation.html) instance. Configure redaction-specific settings with [`RedactionProperties`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.RedactionProperties.html).
+Use the [AddAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) method to add a redaction annotation by creating a [PdfAnnotation](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfAnnotation.html) instance. Configure redaction-specific settings with [RedactionProperties](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.RedactionProperties.html).
The example below creates a redaction annotation with custom appearance, redaction options, and position on the first page.
@@ -71,19 +71,19 @@ The example below creates a redaction annotation with custom appearance, redacti
-The `RedactionProperties` settings control the annotation’s appearance and behavior: `MarkerFillColor` (overlay color), `MarkerOpacity` (0–1), `MarkerBorderColor` (border color), `OverlayText` (text over the redacted area), and `IsRepeat` (repeat overlay text across the area).
+The **RedactionProperties** settings control the annotation’s appearance and behavior: **MarkerFillColor** (overlay color), **MarkerOpacity** (0–1), **MarkerBorderColor** (border color), **OverlayText** (text over the redacted area), and **IsRepeat** (repeat overlay text across the area).
## Delete redaction annotations programmatically
-Delete redaction annotations programmatically using the [`DeleteAnnotationAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationsAsync) method by passing the annotation ID or object reference.
+Delete redaction annotations programmatically using the [DeleteAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DeleteAnnotationsAsync) method by passing the annotation ID or object reference.
-For additional examples, see [Delete annotation programmatically](./text-markup-annotation#delete-annotation-programmatically).
+For additional examples, see [Delete annotation programmatically](../annotation/text-markup-annotation#delete-annotation-programmatically).
## Update redaction annotation properties programmatically
-To update an existing redaction annotation, first retrieve it using [`GetAnnotationsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_GetAnnotationsAsync), then modify the required properties and apply the changes using [`EditAnnotationAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_EditAnnotationAsync_Syncfusion_Blazor_PdfViewer_PdfAnnotation_).
+To update an existing redaction annotation, first retrieve it using [GetAnnotationsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_GetAnnotationsAsync), then modify the required properties and apply the changes using [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_).
-The following example retrieves an existing redaction annotation, updates properties such as overlay text, colors, and opacity along with general appearance settings, and then applies the changes using [`EditAnnotationAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_EditAnnotationAsync_Syncfusion_Blazor_PdfViewer_PdfAnnotation_).
+The following example retrieves an existing redaction annotation, updates properties such as overlay text, colors, and opacity along with general appearance settings, and then applies the changes using [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_).
```cshtml
@page "/"
@@ -130,7 +130,7 @@ The following example retrieves an existing redaction annotation, updates proper
## Add page redactions programmatically
-Entire pages can be marked for redaction using the [`AddPageRedactionsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_AddPageRedactionsAsync_System_Collections_Generic_List_System_Int32__) method.
+Entire pages can be marked for redaction using the [AddPageRedactionsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_AddPageRedactionsAsync_System_Collections_Generic_List_System_Int32__) method.
This is useful when the full page contains confidential data.
@@ -165,9 +165,9 @@ The following example adds redaction annotations to specific pages in a PDF usin
## Apply redaction programmatically
-Use the [`RedactAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_RedactAsync) method to apply all redaction annotations.
+Use the [RedactAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_RedactAsync) method to apply all redaction annotations.
-Note: Applying redaction is permanent and cannot be undone. Consider saving a copy of the document before applying redaction.
+N> Applying redaction is permanent and cannot be undone. Consider saving a copy of the document before applying redaction.
```cshtml
@page "/"
@@ -193,11 +193,11 @@ Note: Applying redaction is permanent and cannot be undone. Consider saving a co
## Configure default redaction annotation properties
-Use [`PdfViewerRedactionSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.PdfViewerRedactionSettings.html) inside the viewer to set default redaction properties for newly created annotations, including fill color, overlay text, font style, and alignment.
+Use [PdfViewerRedactionSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerRedactionSettings.html) inside the viewer to set default redaction properties for newly created annotations, including fill color, overlay text, font style, and alignment.
These defaults apply to newly added annotations created from the toolbar unless overridden.
-The following example shows how to set default properties for redaction annotations using [`PdfViewerRedactionSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.PdfViewerRedactionSettings.html).
+The following example shows how to set default properties for redaction annotations using [PdfViewerRedactionSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerRedactionSettings.html).
```cshtml
@*
@@ -220,7 +220,7 @@ The following example shows how to set default properties for redaction annotati
## Redaction property panel
-When no annotation is selected, the property panel displays default values from [`PdfViewerRedactionSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.PdfViewerRedactionSettings.html). When a redaction is selected, it shows the selected annotation’s properties.
+When no annotation is selected, the property panel displays default values from [PdfViewerRedactionSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerRedactionSettings.html). When a redaction is selected, it shows the selected annotation’s properties.
Use the panel to update overlay text, font settings, opacity, and related options.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/overview.md
index 652ae4fbd..8cc1f62f6 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/overview.md
@@ -28,7 +28,7 @@ Click the Redaction tool on the toolbar and draw over the content to redact. Aft
Redaction annotations can be removed through the UI or programmatically.
* Click the Delete button on the toolbar, or
-* Press the `Delete` key after selecting the annotation.
+* Press the **Delete** key after selecting the annotation.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/redaction-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/redaction-in-mobile-view.md
index 78e9ea67c..4d0c8db68 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/redaction-in-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/redaction-in-mobile-view.md
@@ -73,13 +73,11 @@ To enable redaction functionality in your Blazor application, configure the PDF
}
```
-
-
## Understanding Mobile Redaction Toolbar Tools
When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
-### 1. Redaction Annotation Tool (First Tool)
+### Redaction Annotation Tool
The **Redaction Annotation** tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
@@ -94,7 +92,7 @@ Touch and drag to draw rectangular redaction overlays on any content area.
-### 2. Page Redaction Tool (Second Tool)
+### Page Redaction Tool
The **Page Redaction** tool enables batch redaction of entire pages based on specific patterns.
@@ -112,7 +110,7 @@ Select desired pattern → Review affected pages in the viewer → Confirm redac
-### 3. Redaction Properties Tool (Third Tool)
+### Redaction Properties Tool
The **Redaction Properties** tool allows customization of redaction appearance before application.
@@ -185,13 +183,14 @@ The selected content will be permanently removed and replaced according to your
-## Removing Redaction Annotations (Before Applying)
+## Removing Redaction Annotations
To remove existing redaction annotations before they are applied:
-**Step 1:** Tap the **Redaction Edit** button in the mobile toolbar to enter annotation editing mode
-**Step 2:** Tap on any existing redaction annotation you wish to remove
-**Step 3:** Select **Delete** from the context menu that appears
+- **Step 1:** Tap the **Redaction Edit** button in the mobile toolbar to enter annotation editing mode
+- **Step 2:** Tap on any existing redaction annotation you wish to remove
+- **Step 3:** Select **Delete** from the context menu that appears
+
**Alternative**: Tap redaction annotation → Use delete button in annotation properties panel
@@ -202,6 +201,6 @@ N> Once redactions have been applied to the document, they become part of the PD
## See Also
-* [Mobile Toolbar](../mobile-toolbar)
+* [Mobile Toolbar](../toolbar/mobile-toolbar)
* [Annotation in Mobile View](../annotation/annotations-in-mobile-view)
-* [Form Designer in Mobile View](../form-designer/formdesigner-in-mobile-view)
\ No newline at end of file
+* [Form Designer in Mobile View](../form-designer/form-designer-in-mobile-view)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/ui-interactions.md b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/ui-interactions.md
index 06fe9b1b9..3eb5cb017 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/redaction/ui-interactions.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/redaction/ui-interactions.md
@@ -29,7 +29,7 @@ N> The redaction tool is hidden by default. Customize the toolbar to include it.
## Update redaction properties
-Update redaction annotations after they are added. Changes can be made using the property panel for the selected redaction or programmatically via the [`EditAnnotationAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PdfViewer.SfPdfViewer2.html#Syncfusion_Blazor_PdfViewer_SfPdfViewer2_EditAnnotationAsync_Syncfusion_Blazor_PdfViewer_PdfAnnotation_) API.
+Update redaction annotations after they are added. Changes can be made using the property panel for the selected redaction or programmatically via the [EditAnnotationAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EditAnnotationAsync_Syncfusion_Blazor_SfPdfViewer_PdfAnnotation_) API.
### Update redaction annotations using the property panel
@@ -49,11 +49,11 @@ The property panel can be accessed in multiple ways:
Delete redaction annotations using any of the following:
-* **Right-click and select _Delete_** from the context menu.
+* **Right-click and select Delete** from the context menu.
-* **Click the _Delete_ button** on the toolbar.
+* **Click the Delete button** on the toolbar.
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/text-search.md b/Document-Processing/PDF/PDF-Viewer/blazor/text-search.md
index 17d361b1a..2ad4153f9 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/text-search.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/text-search.md
@@ -99,4 +99,96 @@ Use the [PdfViewerTextSearchColorSettings](https://help.syncfusion.com/cr/blazor
```
-
\ No newline at end of file
+
+
+## Text Search Events
+
+The following events are available for text search in the SfPdfViewer component.
+
+|Name|Description|
+|---|---|
+|OnTextSearchStart|Triggers when a text search starts.|
+|OnTextSearchComplete|Triggers when a text search is completed.|
+|OnTextSearchHighlight|Triggers when searched text is highlighted.|
+
+### OnTextSearchStart Event
+
+The [OnTextSearchStart](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_OnTextSearchStart) event triggers when the text search is started.
+
+#### Event Arguments
+
+See [TextSearchStartEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextSearchStartEventArgs.html) for details such as matchcase, search text.
+
+The following example illustrates how to handle the TextSearchStart event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task TextSearchStart(TextSearchStartEventArgs args)
+ {
+ Console.WriteLine($"Text search word: {args.SearchText}");
+ }
+}
+
+```
+
+### OnTextSearchComplete Event
+
+The [OnTextSearchComplete](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_OnTextSearchComplete) event triggers when the text search is completed.
+
+#### Event Arguments
+
+[TextSearchCompleteEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextSearchCompleteEventArgs.html) triggers when the text search is completed.
+
+The following example illustrates how to handle the TextSearchComplete event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task TextSearchComplete(TextSearchCompleteEventArgs args)
+ {
+ Console.WriteLine("Text search completed");
+ }
+}
+
+```
+
+### OnTextSearchHighlight Event
+
+The [OnTextSearchHighlight](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerEvents.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerEvents_OnTextSearchHighlight) event triggers when the text search text is highlighted.
+
+#### Event Arguments
+
+[TextSearchHighlightEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.TextSearchHighlightEventArgs.html) for details such as bounds, pagenumber of the highlighted text.
+
+The following example illustrates how to handle the TextSearchHighlight event.
+
+```cshtml
+
+@using Syncfusion.Blazor.SfPdfViewer
+
+
+
+@code{
+ private string DocumentPath { get; set; } = "wwwroot/Data/PDF_Succintly.pdf";
+ public async Task TextSearchHighlight(TextSearchHighlightEventArgs args)
+ {
+ Console.WriteLine($"Highlighted word pagenumber : {args.PageNumber}");
+ }
+}
+
+```
+
+## See Also
+
+* [Extract and Highlight Text in Blazor PDF Viewer Component](./faqs/how-to-extract-particular-text-and-highlight)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar.md b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar-overview.md
similarity index 100%
rename from Document-Processing/PDF/PDF-Viewer/blazor/toolbar.md
rename to Document-Processing/PDF/PDF-Viewer/blazor/toolbar-overview.md
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/annotation-toolbar-customization.md
index 4c193c1fb..ab786c621 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/annotation-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/annotation-toolbar-customization.md
@@ -50,11 +50,11 @@ The following code snippet explains how to show or hide the annotation toolbar u
Choose which tools appear and control their order in the annotation toolbar.
-Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems) property to choose which tools are displayed in the annotation toolbar. The property accepts a list of [`AnnotationToolbarItem`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationToolbarItem.html) values. Only the items included in this list are shown; any item not listed is hidden. The rendered order follows the sequence of items in the list.
+Use [PdfViewerToolbarSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html) with the [AnnotationToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems) property to choose which tools are displayed in the annotation toolbar. The property accepts a list of [AnnotationToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationToolbarItem.html) values. Only the items included in this list are shown; any item not listed is hidden. The rendered order follows the sequence of items in the list.
The annotation toolbar is presented when entering annotation mode in SfPdfViewer2 and adapts responsively based on the available width. Include the Close tool to allow users to exit the annotation toolbar when needed.
-The following example demonstrates how to customize the annotation toolbar by specifying a selected set of tools using [`AnnotationToolbarItem`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.AnnotationToolbarItem.html).
+The following example demonstrates how to customize the annotation toolbar by specifying a selected set of tools using `AnnotationToolbarItem`.
```cshtml
@@ -99,4 +99,4 @@ Refer to the image below for the mobile view (responsive layout adapts to width)
## See also
-* [Adding the shape annotation in PDF viewer](./annotation/shape-annotation)
\ No newline at end of file
+* [Adding the shape annotation in PDF viewer](../annotation/shape-annotation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/form-designer-toolbar-customization.md
index 749cd04b5..f0606cb6a 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/form-designer-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/form-designer-toolbar-customization.md
@@ -32,17 +32,16 @@ The following code snippet explains how to show or hide the toolbar using the En
Choose which tools appear and control their order in the form designer toolbar.
-The [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html) component in [SfPdfViewer2](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.html) customizes which form design tools are available. The [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormDesignerToolbarItem.html) values. The items you include are both displayed and rendered in the order listed; any items you omit are hidden. This provides a streamlined, user-friendly form design experience across devices.
+The [PdfViewerToolbarSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html) component in [SfPdfViewer2](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.html) customizes which form design tools are available. The [FormDesignerToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property accepts a list of [FormDesignerToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormDesignerToolbarItem.html) values. The items you include are both displayed and rendered in the order listed; any items you omit are hidden. This provides a streamlined, user-friendly form design experience across devices.
-The following example demonstrates how to customize the form designer toolbar by configuring specific tools using [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.FormDesignerToolbarItem.html).
+The following example demonstrates how to customize the form designer toolbar by configuring specific tools using `FormDesignerToolbarItem`.
```cshtml
-
+ Width="100%">
@@ -75,4 +74,4 @@ Refer to the image below for the mobile view.
## See also
-* [Form designer in PDF viewer](./form-designer/overview)
\ No newline at end of file
+* [Form designer in PDF viewer](../form-designer/overview)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/mobile-toolbar.md
index f9aa38441..d35716bd6 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/mobile-toolbar.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/mobile-toolbar.md
@@ -111,12 +111,14 @@ The redaction toolbar provides tools to mark and permanently remove sensitive co
Enable the desktop toolbar on mobile devices with the [EnableDesktopMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnableDesktopMode) API. This replaces the mobile toolbar with the desktop layout and provides access to additional actions and controls.
```cshtml
+
@using Syncfusion.Blazor.SfPdfViewer
+
```
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Toolbar)
@@ -130,27 +132,33 @@ On mobile devices, the navigation toolbar collapses into a toggle menu to save s
Enable the modern navigation panel by setting [EnableNavigationPanel](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnableNavigationPanel) to true.
```cshtml
+
@using Syncfusion.Blazor.SfPdfViewer
+
```
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Toolbar)
## Enable scrolling in desktop mode with touch gestures
-For smooth scrolling of PDF documents on mobile while in desktop mode, disable text selection (set [EnableTextSelection](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnableTextSelection) to false) to allow touch panning.
+To enable smooth scrolling of PDF documents on mobile while in desktop mode, disable text selection by setting [EnableTextSelection](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_EnableTextSelection) to false to allow touch panning.
```cshtml
+
@using Syncfusion.Blazor.SfPdfViewer
+
```
+
[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Toolbar)
## Print option availability
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/primary-toolbar-customization.md
index 64356ca03..69d81f141 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/primary-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/primary-toolbar-customization.md
@@ -105,7 +105,7 @@ The following code snippet explains how to show or hide the navigation toolbar u
Display only the required default actions and control their order.
-Customize toolbar items by configuring the `PdfViewerToolbarSettings` class. The following example shows how to display only the specified items. The toolbar renders only the items listed in the collection and in the same order.
+Customize toolbar items by configuring the [PdfViewerToolbarSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html) class. The following example shows how to display only the specified items. The toolbar renders only the items listed in the collection and in the same order.
```cshtml
@@ -183,7 +183,7 @@ Reorder the [ToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blaz
Replace built-in items entirely with custom buttons rendered via templates at specific indexes.
-To replace the default items with custom items, set the [ToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_ToolbarItems) property to null and provide a list of [PdfToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfToolbarItem.html#Syncfusion_Blazor_SfPdfViewer_PdfToolbarItem__ctor) objects. Each PdfToolbarItem defines a **RenderFragment** template and an **Index** to position the custom item. Assign the list to [CustomToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_CustomToolbarItems) to render the custom items at the specified index positions.
+To replace the default items with custom items, set the [ToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_ToolbarItems) property to null and provide a list of [PdfToolbarItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfToolbarItem.html#Syncfusion_Blazor_SfPdfViewer_PdfToolbarItem) objects. Each PdfToolbarItem defines a [RenderFragment template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfToolbarItem.html#Syncfusion_Blazor_SfPdfViewer_PdfToolbarItem_Template) and an [Index](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfToolbarItem.html#Syncfusion_Blazor_SfPdfViewer_PdfToolbarItem_Index) to position the custom item. Assign the list to [CustomToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerToolbarSettings.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerToolbarSettings_CustomToolbarItems) to render the custom items at the specified index positions.
```cshtml
@@ -405,4 +405,4 @@ N> This applies only to a custom toolbar.
## See also
-* [Mobile toolbar](./toolbar/mobile-toolbar)
\ No newline at end of file
+* [Mobile toolbar](./mobile-toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/redaction-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/redaction-toolbar-customization.md
index 44536f338..bb43518bb 100644
--- a/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/redaction-toolbar-customization.md
+++ b/Document-Processing/PDF/PDF-Viewer/blazor/toolbar/redaction-toolbar-customization.md
@@ -15,9 +15,10 @@ The redaction toolbar can be customized by rearranging existing items, disabling
Show the redaction toolbar on desktop by including the required [ToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ToolbarItem.html) in the SfPdfViewer2 component.
-### Code example
+The following example demonstrates how to enable the redaction toolbar on desktop.
```cshtml
+
@page "/"
@@ -47,17 +48,21 @@ Show the redaction toolbar on desktop by including the required [ToolbarItems](h
};
}
}
+
```
+
Refer to the following image for the desktop view.
-
+
+
## Enable the redaction toolbar on mobile
Show the redaction toolbar on mobile by configuring the [MobileToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.MobileToolbarItem.html) property.
-### Code example
+The following example demonstrates how to enable the redaction toolbar on mobiles.
```cshtml
+
@page "/"
@@ -79,11 +84,12 @@ Show the redaction toolbar on mobile by configuring the [MobileToolbarItems](htt
};
}
}
+
```
Refer to the following image for the mobile view.
-
+
## Show or hide the redaction toolbar
@@ -94,7 +100,7 @@ Show or hide the redaction toolbar using the built-in toolbar icon or programmat
When [ToolbarItem.Redaction](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.ToolbarItem.html#Syncfusion_Blazor_SfPdfViewer_ToolbarItem_Redaction) or [MobileToolbarItem.Redaction](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.MobileToolbarItem.html#Syncfusion_Blazor_SfPdfViewer_MobileToolbarItem_Redaction) is enabled, selecting the redaction icon in the primary toolbar toggles the redaction toolbar.
Refer to the following image for details.
-
+
### Display the redaction toolbar programmatically
@@ -103,16 +109,19 @@ Control visibility through application logic by invoking the `ShowRedactionToolb
The following example demonstrates how to toggle the visibility of the redaction toolbar using a button:
```cshtml
+
private void ToggleRedactionToolbar()
{
isRedactionToolbarVisible = !isRedactionToolbarVisible;
SfPdfViewer2.ShowRedactionToolbar(isRedactionToolbarVisible);
}
+
```
Refer to the following image for details.
-
+
+
## See also
-* [Adding the redaction annotation in PDF viewer](./annotation/redaction-annotation)
\ No newline at end of file
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
\ No newline at end of file
diff --git a/Document-Processing/PDF/Smart-PDF-Viewer/blazor/deployment/dockerImage-hosting-guide.md b/Document-Processing/PDF/Smart-PDF-Viewer/blazor/deployment/dockerImage-hosting-guide.md
index 28ef83a53..1393e5649 100644
--- a/Document-Processing/PDF/Smart-PDF-Viewer/blazor/deployment/dockerImage-hosting-guide.md
+++ b/Document-Processing/PDF/Smart-PDF-Viewer/blazor/deployment/dockerImage-hosting-guide.md
@@ -27,22 +27,18 @@ The following software requirements are necessary to run document processing API
- Web browser: Microsoft Edge, Mozilla Firefox, or Google Chrome
## Steps to configure and run docker container
-### Step1:
-Install the Rancher desktop application from the official release page: [Rancher Desktop](https://github.com/rancher-sandbox/rancher-desktop/releases)
-### Step2:
-Open the Rancher Desktop application and select the displayed option.
+- **Step 1**: Install the Rancher desktop application from the official release page: [Rancher Desktop](https://github.com/rancher-sandbox/rancher-desktop/releases)
+
+- **Step 2**: Open the Rancher Desktop application and select the displayed option.
-### Step3:
-Create a Smart Pdf Viewer web app sample by following the [documentation](https://help.syncfusion.com/document-processing/pdf/smart-pdf-viewer/blazor/getting-started/web-app).
+- **Step 3**: Create a Smart Pdf Viewer web app sample by following the [documentation](https://help.syncfusion.com/document-processing/pdf/smart-pdf-viewer/blazor/getting-started/web-app).
-### Step4:
-Right-click the Smart PDF Viewer web app sample to add Docker support with Linux.
+- **Step 4**: Right-click the Smart PDF Viewer web app sample to add Docker support with Linux.
-### Step5:
-Once the Docker file is added, open the Docker file and add the following line.
+- **Step 5**: Once the Docker file is added, open the Docker file and add the following line.
{% tabs %}
{% highlight c# tabtitle="Dockerfile" hl_lines="2 4 6" %}
@@ -53,13 +49,10 @@ RUN apt-get update && apt-get install -y --allow-unauthenticated libgdiplus libc
RUN ln -s libgdiplus.so gdiplus.dll
-
USER root
-
WORKDIR /app
-
EXPOSE 8080
EXPOSE 8081
....
@@ -67,14 +60,13 @@ EXPOSE 8081
{% endtabs %}
+
N> Remove the `User` if not needed or change the User type to `root` to provide elevated privileges.
-### Step6:
-Publish the image by building the DockerFile.
+- **Step 6**: Publish the image by building the DockerFile.
-### Step7:
-Open the command prompt or PowerShell and enter the following command to list the published Docker images.
+- **Step 7**: Open the command prompt or PowerShell and enter the following command to list the published Docker images.
{% tabs %}
{% highlight c# tabtitle="Docker Image" %}
@@ -84,8 +76,7 @@ docker image ls
{% endhighlight %}
{% endtabs %}
-### Step8:
-To check the published images locally, run the below command which is in the format docker run -d -p 6001:{exposed Port} {Image ID}.
+- **Step 8**: To check the published images locally, run the below command which is in the format docker run -d -p 6001:{exposed Port} {Image ID}.
{% tabs %}
{% highlight c# tabtitle="Docker Run" %}
@@ -95,8 +86,7 @@ docker run -d -p 6001:8080 4eead1aaf7a5
{% endhighlight %}
{% endtabs %}
-### Step9:
-Ensure the published image runs as expected by navigating to the hosted link `http://localhost:6001/`.
+- **Step 9**: Ensure the published image runs as expected by navigating to the hosted link `http://localhost:6001/`.
## See also