987016: Update the How to section

Author: sathiyaseelanksf3503

Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/Instantiate-pdfviewer-dynamically.md

@@ -1,20 +1,22 @@
 ---
 layout: post
-title: Instantiate with EJ2 ASP.NET Core PDF Viewer Control | Syncfusion
-description: Learn how to dynamically instantiate the PDF Viewer component in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more.
+title: Dynamically instantiate the ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to instantiate the Syncfusion ASP.NET Core PDF Viewer at runtime and load PDF documents on demand.
 platform: document-processing
-control: Instantiate the PDF Viewer component dynamically and load PDF documents
+control: PDF Viewer
 publishingplatform: ASP.NET Core
 documentation: ug
 ---
 
-# Instantiate the PDF Viewer component dynamically
+# Dynamically instantiate the ASP.NET Core PDF Viewer
 
-To instantiate a PDF Viewer component dynamically and load PDF documents in Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer, use the following steps:
+Create the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer instance at runtime when a document request succeeds, instead of rendering it during the initial page load. This approach is useful when the PDF is determined after user input or must be fetched securely from a server endpoint.
 
-In your HTML file, create a div element that will act as a container for the PDF Viewer component, and use the jQuery $.ajax method to make an AJAX request to your server and retrieve a PDF document. Once the document is retrieved, use the PDF Viewer API to load the document into the PDF Viewer component.
+Follow these steps to instantiate the component dynamically:
 
-Use the serviceUrl property of the PDF Viewer instance to set the URL of a PDF document you want to load.
+- Confirm that the application references the required Syncfusion EJ2 scripts and styles and that the PDF Viewer service endpoint is available in the ASP.NET Core application.
+- Add a container element and a button (or another trigger) to the Razor view. The trigger initiates an AJAX request that retrieves the document information.
+- Inside the callback, create a new viewer instance, set its [`serviceUrl`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_serviceUrl) to the controller endpoint, assign the document identifier to [`documentPath`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_documentPath), and call `appendTo` to render the control in the container.
 
 ```html
 
@@ -41,6 +43,6 @@ Use the serviceUrl property of the PDF Viewer instance to set the URL of a PDF d
 
 ```
 
-In your controller, create an action method that returns a PDF document as an action result.
+Ensure that the controller action returns the PDF file or document token expected by the viewer and that the response respects authentication requirements. Dispose of the dynamically created viewer when it is no longer needed to release resources.
 
-[View Sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/Common/Instantiate%20PDF%20Viewer%20dynamically).
+[View Sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/Common/Instantiate%20PDF%20Viewer%20dynamically).

Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/add-annotation-in-text-search.md

@@ -1,27 +1,22 @@
 ---
 layout: post
-title: Add Annotation in Text Search in ASP.NET Core | Syncfusion
-description: Learn how to add rectangle annotations using search text bounds in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more.
+title: Add rectangle annotations using text search in ASP.NET Core PDF Viewer | Syncfusion
+description: Learn to add rectangle annotations using text search bounds in the Syncfusion ASP.NET Core PDF Viewer component, including initialization and search controls.
 platform: document-processing
-control: Retrieve Annotation Coordinates
+control: PDF Viewer
 publishingplatform: ASP.NET Core
 documentation: ug
 ---
 
-# Add Rectangle Annotations Using Search Text Bounds in PDF Viewer
+# Add rectangle annotations using text search bounds in PDF Viewer
 
-## Overview
+A concise guide to adding rectangle annotations at highlighted text search results in the ASP.NET Core PDF Viewer to visually emphasize matches and improve readability.
 
-This guide demonstrates how to add rectangle annotations based on the bounds of highlighted search text in the PDF Viewer. This technique is useful for emphasizing search results with visual markers in annotation-supported applications.
+## Steps to add rectangle annotations on search result highlight
 
-## Steps to Add Rectangle Annotations on Search Result Highlight
-
-**Step 1:** Set Up the PDF Viewer in Your ASP.NET Core Project
-
-Follow the steps provided in the [Syncfusion PDF Viewer Getting Started Guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to create a basic PDF Viewer sample.
-
-**Step 2:** Set Up the PdfViewer Component to add rectangle annotations based on the bounds of highlighted search text in the PDF Viewer.
+**Step 1:** Follow the steps provided in the [Syncfusion PDF Viewer Getting Started guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to create a simple ASP.NET Core PDF Viewer sample.
 
+**Step 2:** Configure the PDF Viewer to add rectangle annotations based on the bounds of highlighted search text.
 
 ```cs
 
@@ -80,6 +75,10 @@ Follow the steps provided in the [Syncfusion PDF Viewer Getting Started Guide](h
 
 ```
 
-By following this guide, you will enable the PDF Viewer to add rectangle annotations at search result locations, thus increasing the visibility of search results in your application.
+**Step 3:** Handle the `textSearchHighlight` event to add a rectangle annotation for each highlighted match. The `handleTextSearchHighlight` callback in the script adds the annotation by using the bounds returned from the search event.
+
+**Step 4:** Ensure the Razor markup includes buttons for search, search next, and cancel operations so users can control the text search workflow.
+
+Following these steps enables the PDF Viewer to add rectangle annotations at search result locations, improving the visibility of matches in your ASP.NET Core application.
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to)

Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/add-save-button.md

@@ -1,22 +1,22 @@
 ---
 layout: post
-title: Add Save Button in Built-In Toolbar | Syncfusion
-description: Learn here all about adding save button in built-in Toolbar in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more.
+title: Add Save button to the built-in toolbar in ASP.NET Core PDF Viewer | Syncfusion
+description: Learn how to add, show, hide, enable, and disable a custom Save button in the built-in toolbar of the Syncfusion ASP.NET Core PDF Viewer component.
 platform: document-processing
 control: PDF Viewer
 publishingplatform: ASP.NET Core
 documentation: ug
 ---
 
-# Add Save Button in Built-In toolbar
+# Add a Save button to the built-in toolbar
 
-PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar.
+PDF Viewer supports customizing toolbar items, including adding, showing, hiding, enabling, and disabling items.
 
-* Save button - New `save` button-item can be defined by **CustomToolbarItemModel** and with existing items in [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Save button-item click action can be defined in `toolbarclick`.
+- Save button: Define the `Save` button using **CustomToolbarItemModel** and include it alongside existing items via [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html). Handle clicks in the toolbarClick event.
 
-* Show, Hide - `Save` button-item can be shown or hidden using the [`ToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems).
+- Show or hide: Show or hide the `Save` button using [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html). Predefined toolbar items are listed under [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems).
 
-* Enable, Disable - `Save` button-item can be enabled or disable using `enabletoolbaritem`.
+- Enable or disable: Enable or disable the `Save` button using `enableToolbarItem`.
 
 {% tabs %}
 {% highlight html tabtitle="Standalone" %}
@@ -105,34 +105,33 @@ PDF Viewer allows you to customize(add, show, hide, enable, and disable) existin
 {% endhighlight %}
 {% endtabs %}
 
-N> Default value of toolbar items is ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']
+N> Default toolbar items: ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']
 
-### Align Property
+### Align property
 
-The align property is used to specify the alignment of a `save` button-item within the toolbar.
+Specifies the alignment of the `Save` button within the toolbar.
 
-`Left`: Aligns the item to the left side of the toolbar.
-`Right`: Aligns the item to the right side of the toolbar.
+- `Left`: Aligns the item to the left side of the toolbar.
+- `Right`: Aligns the item to the right side of the toolbar.
 
-### Tooltip Property
+### Tooltip property
 
-The tooltip property is used to set the tooltip text for a `save` button-item. Tooltip provides additional information when a user hovers over the item.
+Sets the tooltip text for the Save button. The tooltip provides additional information on hover.
 
-### CssClass Property
+### CssClass property
 
-The cssClass property is used to apply custom CSS classes to a `save` button-item. It allows custom styling of the save button-item.
+Applies custom CSS classes to the Save button for styling.
 
-### Prefix Property
+### Prefix property
 
-The prefix property is used to set the CSS class or icon that should be added as a prefix to the existing content of the toolbar item.
+Sets the CSS class or icon to add as a prefix to the Save button content.
 
-### ID Property
+### ID property
 
-The id property within a CustomToolbarItemModel is a compulsory attribute that plays a vital role in toolbar customization. It serves as a unique identifier for each toolbar item, facilitating distinct references and interactions.
+The id property within a CustomToolbarItemModel is required and uniquely identifies each toolbar item for configuration and interaction.
 
-When defining or customizing toolbar items, it is mandatory to assign a specific and descriptive id to each item.
-These properties are commonly used when defining custom toolbar items with the `CustomToolbarItemModel`` in the context of Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer. When configuring the toolbar using the `ToolbarSettings`` property, you can include these properties to customize the appearance and behavior of each toolbar item.
+When defining or customizing toolbar items, assign a specific, descriptive id to each item. These properties are commonly used when defining custom toolbar items with `CustomToolbarItemModel` in the context of the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer. When configuring the toolbar using the `ToolbarSettings` property, include these properties to customize appearance and behavior.
 
-N> When customizing `save` button-item, you have the flexibility to include either icons or text based on your design preference.
+N> When customizing the Save button, icons or text can be used based on design preference.
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to)

Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/authorization-token.md

@@ -3,20 +3,20 @@ layout: post
 title: Authorization Token in ASP.NET Core Pdfviewer Component
 description: Learn here all about Authorization Token in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more.
 platform: document-processing
-control: Authorization Token
+control: PDF Viewer
 publishingplatform: ASP.NET Core
 documentation: ug
 ---
 
 # Include the Authorization token
 
-The PDF Viewer library allows you to include the authorization token in the PDF viewer AJAX request using the properties of the ajaxRequest header available in `AjaxRequestSettings`, and it will be included in every AJAX request send from PDF Viewer.
+The PDF Viewer component enables adding authorization tokens to each AJAX request through the `ajaxHeaders` collection in `AjaxRequestSettings`, ensuring the header is appended to every call initiated by the viewer.
 
-The following steps are used to include the authorization token to the PDF viewer control.
+Use the following steps to configure the authorization token for the PDF Viewer control.
 
-**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to create simple PDF Viewer sample in React.
+**Step 1:** Follow the steps in the [Getting Started with ASP.NET Core PDF Viewer guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to configure a basic ASP.NET Core project with the PDF Viewer component.
 
-**Step 2:** Add the following code snippet to include the authorization token.
+**Step 2:** Add the following script after the PDF Viewer instance is rendered (for example, in the Razor view or layout file) to include the authorization token in subsequent requests.
 
 ```html
 <script>
@@ -37,4 +37,4 @@ The following steps are used to include the authorization token to the PDF viewe
 </script>
 ```
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Include%20the%20Authorization%20token)
+[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Include%20the%20Authorization%20token)

Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/capture-page-number.md

@@ -1,22 +1,22 @@
 ---
 layout: post
-title: Capture Page Number in ASP.NET Core Pdfviewer Component
-description: Learn here all about Capture Page Number in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more.
+title: Capture the current page number in ASP.NET Core PDF Viewer
+description: Discover how to read the current page number in the Syncfusion ASP.NET Core PDF Viewer using built-in properties.
 platform: document-processing
-control: Capture Page Number
+control: PDF Viewer
 publishingplatform: ASP.NET Core
 documentation: ug
 ---
 
 # Capture the current page number being viewed
 
-The PDF Viewer server library allows you to capture the page number that is currently being viewed in the load PDF document. Use the [**currentPageNumber**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#currentpagenumber) property to get the page number which is currently in view.
+The PDF Viewer server library allows you to capture the page number that is currently visible when a PDF document is loaded. Use the [**currentPageNumber**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#currentpagenumber) property to obtain the page that is in view.
 
-The following steps are used to capture the current page number.
+The following steps outline how to capture the current page number.
 
-**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to create a simple PDF Viewer sample.
+**Step 1:** Follow the steps in the [Getting Started with ASP.NET Core PDF Viewer guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to configure a simple PDF Viewer sample, including the required script and style references.
 
-**Step 2:** Use the following code snippet to Capture the current page number being viewed.
+**Step 2:** Place the following markup and script in the Razor view after the PDF Viewer component renders to capture the current page number on demand.
 
 
 {% tabs %}
@@ -63,4 +63,6 @@ The following steps are used to capture the current page number.
 {% endhighlight %}
 {% endtabs %}
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Capture%20the%20current%20page%20number)
+The script retrieves the PDF Viewer instance from the page, reads the `currentPageNumber` property, and surfaces the value in an alert dialog when the button is clicked.
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Capture%20the%20current%20page%20number)