Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -81,8 +81,8 @@ The PDF Viewer component follows the [keyboard interaction](https://www.w3.org/W
| | | **Shortcut for text search** |
| <kbd>CONTROL + F</kbd> | <kbd>COMMAND + F</kbd> | Open the search toolbar |
| | | **Shortcut for text selection** |
| <kbd>CONTROL + C</kbd> | <kbd>CONTROL + C</kbd> | Copy selected text, annotation, or form field |
| <kbd>CONTROL + X</kbd> | <kbd>CONTROL + X</kbd> | Cut selected text, annotation, or form field |
| <kbd>CONTROL + C</kbd> | <kbd>COMMAND + C</kbd> | Copy selected text, annotation, or form field |
| <kbd>CONTROL + X</kbd> | <kbd>COMMAND + X</kbd> | Cut selected text, annotation, or form field |
| <kbd>CONTROL + V</kbd> | <kbd>COMMAND + V</kbd> | Paste selected text, annotation, or form field |
| | | **Shortcuts for general operations** |
| <kbd>CONTROL + Z</kbd> | <kbd>COMMAND + Z</kbd> | Undo the action |
Expand Down
4 changes: 2 additions & 2 deletions Document-Processing/PDF/PDF-Viewer/asp-net-core/event.md
Original file line number Diff line number Diff line change
Expand Up @@ -474,7 +474,7 @@ Example:
</div>

<script>
function CommentEdited(args) {
function commentSelected(args) {
console.log(`Comment selected. Id: ${args.id}`);
}
</script>
Expand All @@ -492,7 +492,7 @@ Example:
</div>

<script>
function CommentEdited(args) {
function commentSelected(args) {
console.log(`Comment selected. Id: ${args.id}`);
}
</script>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -307,6 +307,8 @@ The `locale` property enables you to specify the language and culture for the PD

To use a locale other than the default en-US, or to customize the localization strings, map the text content for the selected locale using the `ej.base.L10n.load()` method. This method registers the localized strings for your chosen locale, and the PDF Viewer will use them when displaying the interface.

N> The `ej.base.L10n.load(...)` call must be registered **before** the PDF Viewer component initializes; otherwise the localized strings will not be applied. The `ej.base` namespace is available through the Syncfusion EJ2 scripts that are loaded by the Tag Helper.

**Example: Custom Arabic (ar-AE) localization**

Add the following script to register custom localization strings for the Arabic (UAE) locale:
Expand Down
42 changes: 21 additions & 21 deletions Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,25 +11,25 @@ documentation: ug

The following frequently asked questions address common ASP.NET Core PDF Viewer topics:

* [How to add annotation in text search in ASP.NET Core ?](./how-to/add-annotation-in-text-search)
* [How to add custom header to the PDF Viewer ajax request?](./how-to/authorization-token)
* [How to add annotation in text search in ASP.NET Core?](./how-to/add-annotation-in-text-search)
* [How to add a custom header to the PDF Viewer AJAX request?](./how-to/authorization-token)
* [How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button)
* [How to customize the annotation selectors?](./how-to/configure-annotation-selector-setting)
* [How to delete a specific annotation from the PDF document?](./how-to/delete-a-specific-annotation)
* [How to control the visibility of the annotation?](./how-to/control-annotation-visibility)
* [How to convert the PDF library bounds to PDF viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds)
* [How to convert the PDF library bounds to PDF Viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds)
* [How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu)
* [How to add custom font in handwritten signature?](./how-to/custom-font-signature-field)
* [How to add a custom font in handwritten signature?](./how-to/custom-font-signature-field)
* [How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts)
* [How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color)
* [How to disable the context menu?](./how-to/disable-context-menu)
* [How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering)
* [How to get the download start event?](./how-to/download-start-event)
* [How to enable or disable the local storage?](./how-to/enable-local-storage)
* [Enable the resizer for text markup annotation?](./how-to/enable-resize)
* [How to enable the resizer for text markup annotation?](./how-to/enable-resize)
* [How to enable or disable the text selection?](./how-to/enable-text-selection)
* [How to export the PDF pages as images?](./how-to/export-as-image)
* [How to extract text from the PDF document?](./how-to/extract-text-completed)
* [How to extract completed text from the PDF document?](./how-to/extract-text-completed)
* [How to extract text from a specific region?](./how-to/extract-text-option)
* [How to extract text from the PDF document?](./how-to/extract-text)
* [How to find the text in the PDF document asynchronously?](./how-to/find-text-async)
Expand All @@ -42,26 +42,26 @@ The following frequently asked questions address common ASP.NET Core PDF Viewer
* [How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark)
* [How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail)
* [How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted)
* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error)
* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium'`?](./how-to/resolve-unable-to-find-an-entry-point-error)
* [How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode)
* [How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item)
* [How to show or hide a particular annotation?](./how-to/show-hide-annotation)
* [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect)
* [How to unload the PDF document from the viewer?](./how-to/unload-document)
* [How to clear the Web service not listening error?](./how-to/webservice-not-listening)
* [How to Enable Bookmark pane in PDF Viewer?](./how-to/show-bookmark)
* [How to Save original document at the server side?](./how-to/save-original-document-at-the-server-side)
* [How to Configure retry timeout in PDF Viewer?](./how-to/retry-timeout)
* [How to Resolve the Pdfium issue in PDF Viewer?](./how-to/resolve-pdfium-issue)
* [How to Load N number of pages on initial loading in PDF Viewer?](./how-to/load-n-number-page)
* [How to Instantiate the PDF Viewer component dynamically in PDF Viewer?](./how-to/Instantiate-pdfviewer-dynamically)
* [How to Install packages based on OS in PDF Viewer?](./how-to/install-packages)
* [How to Extract Text using TextLineCollection in PDF Viewer?](./how-to/extract-text-using-text-collections)
* [How to Export As Image from PDF document in PDF Viewer?](./how-to/export-as-image-standalone)
* [How to Display document without downloading in PDF Viewer?](./how-to/display-document-without-downloading)
* [How to Capture the current page number being viewed in PDF Viewer?](./how-to/capture-page-number)
* [How to select annotations in multi page?](./how-to/select-multi-page-annotations)
* [How to enable Bookmark pane in PDF Viewer?](./how-to/show-bookmark)
* [How to save original document at the server side?](./how-to/save-original-document-at-the-server-side)
* [How to configure retry timeout in PDF Viewer?](./how-to/retry-timeout)
* [How to resolve the Pdfium issue in PDF Viewer?](./how-to/resolve-pdfium-issue)
* [How to load N number of pages on initial loading in PDF Viewer?](./how-to/load-n-number-page)
* [How to instantiate the PDF Viewer component dynamically?](./how-to/Instantiate-pdfviewer-dynamically)
* [How to install packages based on OS in PDF Viewer?](./how-to/install-packages)
* [How to extract Text using TextLineCollection in PDF Viewer?](./how-to/extract-text-using-text-collections)
* [How to export as image from PDF document in PDF Viewer?](./how-to/export-as-image-standalone)
* [How to display document without downloading in PDF Viewer?](./how-to/display-document-without-downloading)
* [How to capture the current page number being viewed in PDF Viewer?](./how-to/capture-page-number)
* [How to select annotations in multi-page?](./how-to/select-multi-page-annotations)
* [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation)
* [How to print the PDF document silently?](./how-to/print-document)
* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
* [How to use local resources to configure PDF Viewer](./how-to/local-resources)
* [How to load document after resources loaded](./how-to/load-document-after-resources-loaded)
* [How to use local resources to configure PDF Viewer?](./how-to/local-resources)
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Interaction mode in ASP.NET Core PDF Viewer | Syncfusion
description: Learn how to use selection and panning interaction modes in the Syncfusion ASP.NET Core PDF Viewer.
description: Learn how to switch between selection and panning modes in the Syncfusion ASP.NET Core PDF Viewer to easily select content or navigate pages.
platform: document-processing
control: PDF Viewer
documentation: ug
---


# Interaction Mode in PDF Viewer
# PDF Viewer Interaction Settings

The PDF Viewer provides two interaction modes for working with loaded PDF documents: selection mode and panning mode.

Expand Down Expand Up @@ -42,7 +42,7 @@ In selection mode, text can be selected and copied from the loaded PDF document.
{% endhighlight %}
{% endtabs %}

![Alt text](./images/selection.png)
![Selection mode in the PDF Viewer](./images/selection.png)

## Panning Mode

Expand Down
14 changes: 7 additions & 7 deletions Document-Processing/PDF/PDF-Viewer/asp-net-core/magnification.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ documentation: ug
---


# Magnification
# Viewing at Different Zoom Levels

The PDF Viewer includes magnification tools on the default toolbar: Zoom In, Zoom Out, Zoom, Fit Page, and Fit Width. The toolbar can be configured to show or hide magnification tools as needed.

Expand Down Expand Up @@ -43,12 +43,12 @@ The following example shows how to enable magnification:

The following magnification options are available in the default toolbar:

* **ZoomIn**:- Zoom in from the current zoom value.
* **ZoomOut**:- Zoom out from the current zoom value.
* **Zoom**:- Zoom to a specific percentage.
* **FitPage**:- Fit the entire page within the available viewport.
* **FitWidth**:- Fit the page width to the viewport.
* **Auto**:- Fits the page content with-in the viewport on resizing action.
* **ZoomIn**: Zoom in from the current zoom value.
* **ZoomOut**: Zoom out from the current zoom value.
* **Zoom**: Zoom to a specific percentage.
* **FitPage**: Fit the entire page within the available viewport.
* **FitWidth**: Fit the page width to the viewport.
* **Auto**: Fits the page content within the viewport on resize.

![Zoom controls in the PDF Viewer toolbar](./images/zoom.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: PDF Viewer
documentation: ug
---

# Open PDF from AWS S3
# Open Documents from Amazon S3 Storage

The ASP.NET Core PDF Viewer component supports loading PDF files from AWS S3 using either the standalone or the server-backed PDF Viewer. Both approaches are demonstrated below.

Expand Down Expand Up @@ -52,7 +52,7 @@ AWS.config.update({
});
```

2. Sets the parameters for fetching the PDF document from S3, including the bucket name and file key. Then Uses the getObject method of the S3 instance to retrieve the document. Converts the document data to a Base64 string and loads it into the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer then load Base64 string generated into the viewer.load method.
2. Sets the parameters for fetching the PDF document from S3, including the bucket name and file key. Then uses the `getObject` method of the S3 instance to retrieve the document. Converts the document data to a Base64 string and loads it into the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer using the `viewer.load` method.

N> Replace **Your Bucket Name** with the actual bucket name of your AWS S3 account and **Your Key** with the actual file key of your AWS S3 account.

Expand Down Expand Up @@ -130,7 +130,7 @@ public IndexModel(Microsoft.AspNetCore.Hosting.IHostingEnvironment hostingEnviro
}
```

3. Modify the `OnPostLoad()` method to load the PDF files from AWS S3
3. Modify the `OnPostLoadAsync()` method to load the PDF files from AWS S3

```csharp

Expand Down
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Open PDF from Azure Blob Storage in ASP.NET Core PDF Viewer | Syncfusion
title: View PDF from Azure Blob Storage | Syncfusion
description: Learn how to load PDFs from Azure Blob Storage in the Syncfusion ASP.NET Core PDF Viewer component using standalone and server-backed approaches.
platform: document-processing
control: PDF Viewer
documentation: ug
---

# Open PDF from Azure Blob Storage
# Open Documents from Azure Blob Storage

The ASP.NET Core PDF Viewer component supports loading PDF files from Azure Blob Storage using either the standalone or the server-backed PDF Viewer. Both approaches are demonstrated below.

Expand Down Expand Up @@ -136,7 +136,7 @@ public IndexModel(Microsoft.AspNetCore.Hosting.IHostingEnvironment hostingEnviro
}
```

3. Modify the `OnPostLoad()` method to load the PDF files from Azure Blob Storage
3. Modify the `OnPostLoad()` method to load the PDF files from Azure Blob Storage

```csharp

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ public IndexModel(Microsoft.AspNetCore.Hosting.IHostingEnvironment hostingEnviro

```

3. Modify the `OnPostLoad()` method to load the PDF files from Box cloud file storage.
3. Modify the `OnPostLoadAsync()` method to load the PDF files from Box cloud file storage.

```csharp

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@ Follow these steps to load a PDF from Google Cloud Storage using the server-back

**Step 1:** Create a Service Account

Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create Service Account`.` Enter a name, assign roles (e.g., Storage Object Admin), and create a key in JSON format. Download the key file securely. Utilize the downloaded key file in your applications or services for authentication and access to the Google Cloud Storage bucket. For additional details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).
Open the Google Cloud Console. Navigate to `IAM & Admin` > `Service accounts`. Click `Create Service Account`. Enter a name, assign roles (e.g., Storage Object Admin), and create a key in JSON format. Download the key file securely. Utilize the downloaded key file in your applications or services for authentication and access to the Google Cloud Storage bucket. For additional details, refer to the [official documentation](https://cloud.google.com/iam/docs/service-accounts-create).

**Step 2:** Create a PDF Viewer sample in ASP.NET Core

Follow instructions provided in the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer Getting Started [Guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started-with-server-backed) to create a simple PDF Viewer sample in ASP.NET Core
Follow instructions provided in the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer Getting Started [Guide](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started-with-server-backed) to create a simple PDF Viewer sample in ASP.NET Core.

**Step 3:** Modify the `Index.cshtml.cs` file in the project

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: post
title: Open Google Cloud PDF in Syncfusion ASP.NET Core Viewer
title: Open PDF from Google Drive in ASP.NET Core PDF Viewer | Syncfusion
description: Learn how to load PDFs from Google Drive in the Syncfusion ASP.NET Core PDF Viewer component using a server-backed approach.
platform: document-processing
control: PDF Viewer
Expand Down Expand Up @@ -52,7 +52,7 @@ public IndexModel(Microsoft.AspNetCore.Hosting.IHostingEnvironment hostingEnviro
}

```
3. Modify the `OnPostLoad()` method to load the PDF files from Google drive.
3. Modify the `OnPostLoadAsync()` method to load the PDF files from Google Drive.

```csharp
public async Task<IActionResult> OnPostLoadAsync([FromBody] jsonObjects responseData)
Expand Down
18 changes: 9 additions & 9 deletions Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf.md
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@ After organizing your PDF pages, save your modifications to preserve the changes

Real-time updates reflect all your page organization changes (rotations, rearrangements, deletions, insertions, etc.) immediately in the PDF Viewer. Simply click **Save** or **Save As** when you're ready to finalize your changes.

## API's supported
## APIs supported

The page organizer feature provides several APIs for programmatic control and configuration of page organization capabilities.

Expand Down Expand Up @@ -234,7 +234,7 @@ Programmatically opens the page organizer panel. Use this API to provide users w
{% tabs %}
{% highlight cshtml tabtitle="Standalone" %}

<button type="button" onclick="closePageOrganizer()">Close PageOrganizer Pane</button>
<button type="button" onclick="openPageOrganizer()">Open PageOrganizer Pane</button>

<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
Expand All @@ -245,16 +245,16 @@ Programmatically opens the page organizer panel. Use this API to provide users w
</div>

<script>
function closePageOrganizer() {
function openPageOrganizer() {
var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
// Close Page Organizer panel.
pdfViewer.pageOrganizer.closePageOrganizer(););
// Open Page Organizer panel.
pdfViewer.pageOrganizer.openPageOrganizer();
}
</script>
{% endhighlight %}
{% highlight cshtml tabtitle="Server-Backed" %}

<button type="button" onclick="closePageOrganizer()">Close PageOrganizer Pane</button>
<button type="button" onclick="openPageOrganizer()">Open PageOrganizer Pane</button>

<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
Expand All @@ -267,7 +267,7 @@ Programmatically opens the page organizer panel. Use this API to provide users w
<script>
function openPageOrganizer() {
var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
// Close Page Organizer panel.
// Open Page Organizer panel.
pdfViewer.pageOrganizer.openPageOrganizer();
}
</script>
Expand Down Expand Up @@ -333,7 +333,7 @@ Programmatically closes the page organizer panel. Use this API to dismiss the or
function closePageOrganizer() {
var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0];
// Close Page Organizer panel.
pdfViewer.pageOrganizer.closePageOrganizer(););
pdfViewer.pageOrganizer.closePageOrganizer();
}
</script>
{% endhighlight %}
Expand Down Expand Up @@ -372,7 +372,7 @@ These shortcuts enable efficient keyboard-based navigation and operations, makin

![Undo and redo operations in page organizer](./images/undo-redo.png)

#### Conclusion
## Conclusion

With the Organize Pages feature in the PDF Viewer, managing your PDF documents has never been easier. Whether you are adding new content, adjusting page orientation, moving the pages, duplicating the pages, or removing unnecessary pages, this feature provides the tools you need to streamline your document management workflow. Explore these capabilities today and take control of your PDF documents with ease!

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: Overview of ASP.NET Core PDF Viewer | Syncfusion
description: Learn here all about the Syncfusion ASP.NET Core PDF Viewer, its capabilities, and supported platforms.
platform: document-processing
control: PDF Viewer
documentation: UG
documentation: ug
---

# Overview of ASP.NET Core PDF Viewer
Expand Down
Loading