diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/accessibility.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/accessibility.md index 7f4a07d589..c28d724f1b 100644 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/accessibility.md +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/accessibility.md @@ -4,7 +4,7 @@ title: Accessibility with EJ2 ASP.NET MVC PDF Viewer | Syncfusion description: Learn here all about accessibility in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. platform: ej2-asp-core-mvc control: PDF Viewer -publishingplatform: ej2-asp-core-mvc +publishingplatform: ##Platform_Name## documentation: ug --- @@ -65,10 +65,13 @@ The PDF Viewer component followed the [keyboard interaction](https://www.w3.org/ | **Press (Windows)** |**Press (Macintosh)** | **To do this** | | --- | --- | --- | |||**Shortcuts for page navigation**| -| Home | Function + Left arrow |Navigate to the first page | -| End |Function + Right arrow |Navigate to the last page | -|Up Arrow |Up Arrow |Navigate to the previous page| -| Down Arrow | Down Arrow | Navigate to the next page | +| CONTROL + Left Arrow (or) CONTROL + Up Arrow | COMMAND + Left Arrow (or) COMMAND + Up Arrow |Navigate to the first page | +| CONTROL + Right Arrow (or) CONTROL + Down Arrow |COMMAND + Right Arrow (or) COMMAND + Down Arrow |Navigate to the last page | +|Left Arrow | Left Arrow (or) Shift + Space |Navigate to the previous page| +| Right Arrow | Right Arrow (or) Space | Navigate to the next page | +| CONTROL + G | COMMAND + G | Go To The Page| +|Up Arrow |Up Arrow |Scroll up| +| Down Arrow | Down Arrow | Scroll down| |||**Shortcuts for Zooming**| |CONTROL + = |COMMAND + = | Perform zoom-in operation | | CONTROL + - | COMMAND + - | Perform zoom-out operation | @@ -82,8 +85,123 @@ The PDF Viewer component followed the [keyboard interaction](https://www.w3.org/ |||**Shortcuts for the general operation**| | CONTROL + Z | CONTROL + Z |Undo the action| |CONTROL + Y |CONTROL + Y |Redo the action| -| CONTROL + P | CONTROL + P |Print the document| +| CONTROL + P | COMMAND + P |Print the document| |Delete |Delete |Delete the annotations and form fields| +|CONTROL + Shift + A |COMMAND + Shift + A |Toggle Annotation Toolbar| +|CONTROL + Alt + 0 |COMMAND + Option + 0 |Show Command panel| +|CONTROL + Alt + 2 |COMMAND + Option + 2 |Show Bookmarks| +|CONTROL + Alt + 1 |COMMAND + Option + 1 |Show Thumbnails| +|CONTROL + S |COMMAND + S |Download| +|Shift + H |Shift + H |Enable pan mode| +|Shift + V |Shift + V |Enable text selection mode| + +The current implementation of our PDF Viewer includes keyboard shortcuts for various functions like scrolling, zooming, text search, printing, and annotation deletion. + +To enhance user experience, we're adding additional keyboard shortcuts for actions such as navigating between pages, accessing specific pages, toggling annotation tools, and displaying PDF elements like outlines, annotations, bookmarks, and thumbnails. + +To support this, we're introducing a new class called **commandManager**, which handles custom commands triggered by specific key gestures. These custom commands will be defined by users and executed accordingly. + +The **commandManager** will have a parameter called Commands, which will hold the collection of custom keyboard commands specified by users. Each custom command will be represented by a KeyboardCommand class, containing the `command name` and associated `keyboard combination`. + +Additionally, we're introducing the **keyboardCustomCommands** parameter for the CommandManager, which will utilize the EventCallback to handle keyboard events and trigger appropriate methods when specific key combinations are pressed. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +
+ @Html.EJS().PdfViewer("pdfviewer").EnablePrint(true).DocumentLoad("print").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").CommandManager("commandManager").Render() +
+ + + +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +
+ @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnablePrint(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").CommandManager("commandManager").Render() +
+ + + +{% endhighlight %} +{% endtabs %} + +Each `keyboardCommand` object consists of a name property, specifying the `name` of the `custom command`, and a `gesture property`, defining the key gesture associated with the command. + +For example, the first command named `customCopy` is associated with the **G** key and requires both the **Shift** and **Alt** modifier keys to be pressed simultaneously. + +Additionally, there's an explanation of the key modifiers used in the gestures: + +* Ctrl corresponds to the Control key, represented by the value `1`. +* Alt corresponds to the Alt key, represented by the value `2`. +* Shift corresponds to the Shift key, represented by the value `4`. +* Meta corresponds to the Command key on macOS or the Windows key on Windows, represented by the value `8`. + +This setup allows users to perform custom actions within the PDF viewer by pressing specific key combinations, enhancing the user experience and providing more efficient navigation and interaction options. ## Ensuring accessibility diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md new file mode 100644 index 0000000000..0815d6f098 --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md @@ -0,0 +1,390 @@ +--- +layout: post +title: Customize context menu with EJ2 ASP.NET MVC PDF Viewer | Syncfusion +description: Learn here all about Customize context menu in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Customize context menu + +PDF Viewer allows you to add custom option in context menu. It can be achieved by using the `addCustomMenu()` method and custom action is defined using the `customContextMenuSelect()`method. + +### Add Custom Option + +The following code shows how to add custom option in context menu. + +``` + +``` + +### Customize custom option in context menu + +The PDF Viewer feature enables customization of custom options and the ability to toggle the display of the default context menu. When the addCustomMenu parameter is set to `true`, the default menu is hidden; conversely, when it is set to `false`, the default menu items are displayed. + +``` + +``` + +#### Customize added context menu items + +The following code shows how to hide/show added custom option in context menu using the `customContextMenuBeforeOpen()` method. + +``` + +``` + +The following is the output of custom context menu with customization. + +``` + +@using Syncfusion.EJ2 + +
+
+ @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib").CustomContextMenuSelect("customContextMenuSelect").CustomContextMenuBeforeOpen("customContextMenuBeforeOpen").DocumentLoad("documentLoaded").Render() +
+
+ + +``` + +[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-bookmark.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-bookmark.md new file mode 100644 index 0000000000..66076524b8 --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-bookmark.md @@ -0,0 +1,91 @@ +--- +layout: post +title: Open and Close Bookmark in EJ2 ASP.NET MVC PDF Viewer | Syncfusion +description: Learn here all about Open and Close Bookmark in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Open and Close Bookmark pane programmatically + +The PDF Viewer library allows you to open the Bookmark pane programmatically using the **openBookmarkPane()** method. + +The following steps are used to open the Bookmark. + +**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. + +**Step 2:** Insert the following code snippet to implement the functionality for opening the Bookmark pane: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
+ @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
+ + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + +
+ @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
+ + + +{% endhighlight %} +{% endtabs %} + +Similarly, to close the Bookmark pane programmatically, employ the following code snippet: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
+ @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
+ + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + +
+ @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
+ + + +{% endhighlight %} +{% endtabs %} + +[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Open%20and%20Close%20bookmark%20pane/PDFViewerSample/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/organize-pdf.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/organize-pdf.md new file mode 100644 index 0000000000..6e7ccd0c7e --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/organize-pdf.md @@ -0,0 +1,53 @@ +--- +layout: post +title: Organize Pages Feature with EJ2 ASP.NET MVC PDF Viewer | Syncfusion +description: Learn here all about Organize Pages Feature in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Organize Pages Feature in ASP.NET MVC PDF Viewer control + +## Introduction + +Welcome to the User Guide for the Organize Pages feature in JS2 PDF Viewer. This powerful feature allows you to manage your PDF documents efficiently by organizing pages seamlessly. Whether you need to add new pages, remove unnecessary ones, or adjust page orientation, this feature has got you covered. + +## Getting Started + +To access the Organize Pages feature, simply open the PDF document in the JS2 PDF Viewer and navigate to the toolbar. Look for the `Organize Pages` option to begin utilizing these capabilities. + +## Key Functionalities + +- **Add New Pages:** Easily integrate additional content by adding new pages to your document. Simply select the option to insert new pages and customize them as needed. + +- **Remove Pages:** Streamline your document management process by removing unnecessary pages with ease. Select the pages you wish to delete and confirm to remove them from the document. + +- **Rotate Pages:** Resolve orientation issues by rotating pages clockwise or counterclockwise as required. This feature ensures that your document displays correctly, maintaining clarity and readability. + +- **Select All Pages:** Make uniform adjustments and modifications by conveniently selecting all pages at once. This allows for efficient editing and formatting across the entire document. + +- **Real-Time Updates:** Experience instant updates as any changes made to the page organization are instantly reflected within the PDF Viewer. Simply click the **Save** button to ensure that your modifications are preserved. + +- **Save As Feature:** Preserve your edits by utilizing the **Save As** feature. This allows you to download the modified version of the PDF document for future reference, ensuring that your changes are stored securely. + +### API's supported + +**enableOrganizePdf:** This API enables or disables the page organizer feature in the PDF Viewer. By default, it is set to `true`, indicating that the page organizer is enabled. + +**isPageOrganizerOpen:** This API determines whether the page organizer dialog will be displayed automatically when a document is loaded into the PDF Viewer. By default, it is set to `false`, meaning the dialog is not displayed initially. + +**pageOrganizerSettings:** This API allows control over various page management functionalities within the PDF Viewer. It includes options to enable or disable actions such as deleting, inserting, rotating, and moving pages. By default, all these actions are enabled. + +**showPageOrganizerTool:** This API controls the visibility of the page organizer tool within the PDF Viewer. If set to `false`, the tool is hidden by default. + +**openPageOrganizer:** This API opens the page organizer dialog within the PDF Viewer, providing access to manage PDF pages. + +**closePageOrganizer:** This API closes the currently open page organizer dialog within the PDF Viewer, if it is present. It allows users to dismiss the dialog when done with page organization tasks. + +#### Conclusion + +With the Organize Pages feature in JS2 PDF Viewer, managing your PDF documents has never been easier. Whether you're adding new content, adjusting page orientation, 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! + +[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Organize%20pdf/PDFViewerSample) diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md new file mode 100644 index 0000000000..a340d571ba --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md @@ -0,0 +1,78 @@ +--- +layout: post +title: Rendering event in EJ2 ASP.NET MVC PDF Viewer | Syncfusion +description: Learn here all about Rendering event in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# PageRenderInitiate and PageRenderComplete event + +In Syncfusion PDF Viewer, `pageRenderInitiate` and `pageRenderComplete` actions are events that occur during the rendering process of PDF documents. + +**pageRenderInitiate** + +The `pageRenderInitiate` event is triggered when the rendering of a page in the PDF document begins. This event provides developers with an opportunity to perform any necessary initialization or setup before the rendering of the page content commences. It can be utilized to prepare resources, set up rendering parameters, or execute any other actions required before the page rendering process starts. + +**pageRenderComplete** + +The `pageRenderComplete` event is triggered when the rendering of a page in the PDF document is completed. This event allows developers to perform cleanup tasks or finalize rendering-related processes after the rendering of the page content finishes. It can be used to release resources, finalize rendering settings, or handle any post-rendering tasks necessary for the application. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +@{ + ViewBag.Title = "Home Page"; +} + +
+ @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").PageRenderInitiate("pageRenderInitiate").PageRenderComplete("pageRenderComplete").Render() +
+ + + +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +@{ + ViewBag.Title = "Home Page"; +} + +
+ @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").PageRenderInitiate("pageRenderInitiate").PageRenderComplete("pageRenderComplete").Render() +
+ + + +{% endhighlight %} +{% endtabs %} + +The provided code demonstrates how to subscribe to the `pageRenderInitiate` and `pageRenderComplete` events in the Syncfusion PDF Viewer component. + +[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/PageRenderStarted%20and%20PageRenderCompleted%20event/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/accessibility.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/accessibility.md index b6a9f6488d..aa50c911fa 100644 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/accessibility.md +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/accessibility.md @@ -4,7 +4,7 @@ title: Accessibility with EJ2 ASP.NET Core PDF Viewer | Syncfusion description: Learn here all about accessibility in ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-asp-core-mvc control: PDF Viewer -publishingplatform: ej2-asp-core-mvc +publishingplatform: ##Platform_Name## documentation: ug --- # Accessibility in Syncfusion PDF Viewer components @@ -64,10 +64,13 @@ The PDF Viewer component followed the [keyboard interaction](https://www.w3.org/ | **Press (Windows)** |**Press (Macintosh)** | **To do this** | | --- | --- | --- | |||**Shortcuts for page navigation**| -| Home | Function + Left arrow |Navigate to the first page | -| End |Function + Right arrow |Navigate to the last page | -|Up Arrow |Up Arrow |Navigate to the previous page| -| Down Arrow | Down Arrow | Navigate to the next page | +| CONTROL + Left Arrow (or) CONTROL + Up Arrow | COMMAND + Left Arrow (or) COMMAND + Up Arrow |Navigate to the first page | +| CONTROL + Right Arrow (or) CONTROL + Down Arrow |COMMAND + Right Arrow (or) COMMAND + Down Arrow |Navigate to the last page | +|Left Arrow | Left Arrow (or) Shift + Space |Navigate to the previous page| +| Right Arrow | Right Arrow (or) Space | Navigate to the next page | +| CONTROL + G | COMMAND + G | Go To The Page| +|Up Arrow |Up Arrow |Scroll up| +| Down Arrow | Down Arrow | Scroll down| |||**Shortcuts for Zooming**| |CONTROL + = |COMMAND + = | Perform zoom-in operation | | CONTROL + - | COMMAND + - | Perform zoom-out operation | @@ -81,8 +84,133 @@ The PDF Viewer component followed the [keyboard interaction](https://www.w3.org/ |||**Shortcuts for the general operation**| | CONTROL + Z | CONTROL + Z |Undo the action| |CONTROL + Y |CONTROL + Y |Redo the action| -| CONTROL + P | CONTROL + P |Print the document| +| CONTROL + P | COMMAND + P |Print the document| |Delete |Delete |Delete the annotations and form fields| +|CONTROL + Shift + A |COMMAND + Shift + A |Toggle Annotation Toolbar| +|CONTROL + Alt + 0 |COMMAND + Option + 0 |Show Command panel| +|CONTROL + Alt + 2 |COMMAND + Option + 2 |Show Bookmarks| +|CONTROL + Alt + 1 |COMMAND + Option + 1 |Show Thumbnails| +|CONTROL + S |COMMAND + S |Download| +|Shift + H |Shift + H |Enable pan mode| +|Shift + V |Shift + V |Enable text selection mode| + +The current implementation of our PDF Viewer includes keyboard shortcuts for various functions like scrolling, zooming, text search, printing, and annotation deletion. + +To enhance user experience, we're adding additional keyboard shortcuts for actions such as navigating between pages, accessing specific pages, toggling annotation tools, and displaying PDF elements like outlines, annotations, bookmarks, and thumbnails. + +To support this, we're introducing a new class called **commandManager**, which handles custom commands triggered by specific key gestures. These custom commands will be defined by users and executed accordingly. + +The **commandManager** will have a parameter called Commands, which will hold the collection of custom keyboard commands specified by users. Each custom command will be represented by a KeyboardCommand class, containing the `command name` and associated `keyboard combination`. + +Additionally, we're introducing the **keyboardCustomCommands** parameter for the CommandManager, which will utilize the EventCallback to handle keyboard events and trigger appropriate methods when specific key combinations are pressed. + + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
+ + +
+ + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
+ + +
+ + + +{% endhighlight %} +{% endtabs %} + + +Each `keyboardCommand` object consists of a name property, specifying the `name` of the `custom command`, and a `gesture property`, defining the key gesture associated with the command. + +For example, the first command named `customCopy` is associated with the **G** key and requires both the **Shift** and **Alt** modifier keys to be pressed simultaneously. + +Additionally, there's an explanation of the key modifiers used in the gestures: + +* Ctrl corresponds to the Control key, represented by the value `1`. +* Alt corresponds to the Alt key, represented by the value `2`. +* Shift corresponds to the Shift key, represented by the value `4`. +* Meta corresponds to the Command key on macOS or the Windows key on Windows, represented by the value `8`. + +This setup allows users to perform custom actions within the PDF viewer by pressing specific key combinations, enhancing the user experience and providing more efficient navigation and interaction options. ## Ensuring accessibility diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/custom-context-menu.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/custom-context-menu.md new file mode 100644 index 0000000000..8b85d16d98 --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/custom-context-menu.md @@ -0,0 +1,375 @@ +--- +layout: post +title: Customize context menu with EJ2 ASP.NET Core PDF Viewer | Syncfusion +description: Learn here all about Customize context menu in ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Customize context menu in ASP.NET Core PDF Viewer control + +PDF Viewer allows you to add custom option in context menu. It can be achieved by using the `addCustomMenu()` method and custom action is defined using the `customContextMenuSelect()`method. + +### Add Custom Option + +The following code shows how to add custom option in context menu. +``` + +``` + +### Customize custom option in context menu + +The PDF Viewer feature enables customization of custom options and the ability to toggle the display of the default context menu. When the addCustomMenu parameter is set to `true`, the default menu is hidden; conversely, when it is set to `false`, the default menu items are displayed. + +``` + +``` + +#### Customize added context menu items + +The following code shows how to hide/show added custom option in context menu using the `customContextMenuBeforeOpen()` method. + +``` + +``` + +The following is the output of custom context menu with customization. + +``` + + + +``` + +[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/open-bookmark.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/open-bookmark.md new file mode 100644 index 0000000000..77e1a6cf03 --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/open-bookmark.md @@ -0,0 +1,107 @@ +--- +layout: post +title: Open and Close Bookmark in EJ2 ASP.NET Core PDF Viewer | Syncfusion +description: Learn here all about Open and Close Bookmark in ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Open and Close Bookmark pane programmatically + +The PDF Viewer library allows you to open the Bookmark pane programmatically using the **openBookmarkPane()** method. + +The following steps are used to open the Bookmark. + +**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetcore/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. + +**Step 2:** Insert the following code snippet to implement the functionality for opening the Bookmark pane: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + + +
+ + +
+ + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + +
+ + +
+ + + +{% endhighlight %} +{% endtabs %} + +Similarly, to close the Bookmark pane programmatically, employ the following code snippet: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + + +
+ + +
+ + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + +
+ + +
+ + + +{% endhighlight %} +{% endtabs %} + +[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Open%20and%20Close%20bookmark%20pane/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/organize-pdf.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/organize-pdf.md new file mode 100644 index 0000000000..657de3272f --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/organize-pdf.md @@ -0,0 +1,54 @@ +--- +layout: post +title: Organize Pages with EJ2 ASP.NET Core PDF Viewer | Syncfusion +description: Learn here all about Organize Pages in ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Organize Pages Feature in ASP.NET Core PDF Viewer control + +## Introduction + +Welcome to the User Guide for the Organize Pages feature in JS2 PDF Viewer. This powerful feature allows you to manage your PDF documents efficiently by organizing pages seamlessly. Whether you need to add new pages, remove unnecessary ones, or adjust page orientation, this feature has got you covered. + +## Getting Started + +To access the Organize Pages feature, simply open the PDF document in the JS2 PDF Viewer and navigate to the toolbar. Look for the `Organize Pages` option to begin utilizing these capabilities. + +## Key Functionalities + +- **Add New Pages:** Easily integrate additional content by adding new pages to your document. Simply select the option to insert new pages and customize them as needed. + +- **Remove Pages:** Streamline your document management process by removing unnecessary pages with ease. Select the pages you wish to delete and confirm to remove them from the document. + +- **Rotate Pages:** Resolve orientation issues by rotating pages clockwise or counterclockwise as required. This feature ensures that your document displays correctly, maintaining clarity and readability. + +- **Select All Pages:** Make uniform adjustments and modifications by conveniently selecting all pages at once. This allows for efficient editing and formatting across the entire document. + +- **Real-Time Updates:** Experience instant updates as any changes made to the page organization are instantly reflected within the PDF Viewer. Simply click the **Save** button to ensure that your modifications are preserved. + +- **Save As Feature:** Preserve your edits by utilizing the **Save As** feature. This allows you to download the modified version of the PDF document for future reference, ensuring that your changes are stored securely. + +### API's supported + +**enableOrganizePdf:** This API enables or disables the page organizer feature in the PDF Viewer. By default, it is set to `true`, indicating that the page organizer is enabled. + +**isPageOrganizerOpen:** This API determines whether the page organizer dialog will be displayed automatically when a document is loaded into the PDF Viewer. By default, it is set to `false`, meaning the dialog is not displayed initially. + +**pageOrganizerSettings:** This API allows control over various page management functionalities within the PDF Viewer. It includes options to enable or disable actions such as deleting, inserting, rotating, and moving pages. By default, all these actions are enabled. + +**showPageOrganizerTool:** This API controls the visibility of the page organizer tool within the PDF Viewer. If set to `false`, the tool is hidden by default. + +**openPageOrganizer:** This API opens the page organizer dialog within the PDF Viewer, providing access to manage PDF pages. + +**closePageOrganizer:** This API closes the currently open page organizer dialog within the PDF Viewer, if it is present. It allows users to dismiss the dialog when done with page organization tasks. + +#### Conclusion + +With the Organize Pages feature in JS2 PDF Viewer, managing your PDF documents has never been easier. Whether you're adding new content, adjusting page orientation, 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! + + +[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Organize%20pdf) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/pagerenderstarted-pagerendercompleted.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/pagerenderstarted-pagerendercompleted.md new file mode 100644 index 0000000000..e7860d79c0 --- /dev/null +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/pagerenderstarted-pagerendercompleted.md @@ -0,0 +1,85 @@ +--- +layout: post +title: Rendering event in EJ2 ASP.NET Core PDF Viewer | Syncfusion +description: Learn here all about Rendering event in ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: PDF Viewer +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# PageRenderInitiate and pageRenderComplete event + +In Syncfusion PDF Viewer, `pageRenderInitiate` and `pageRenderComplete` actions are events that occur during the rendering process of PDF documents. + +**pageRenderInitiate** + +The `pageRenderInitiate` event is triggered when the rendering of a page in the PDF document begins. This event provides developers with an opportunity to perform any necessary initialization or setup before the rendering of the page content commences. It can be utilized to prepare resources, set up rendering parameters, or execute any other actions required before the page rendering process starts. + +**pageRenderComplete** + +The `pageRenderComplete` event is triggered when the rendering of a page in the PDF document is completed. This event allows developers to perform cleanup tasks or finalize rendering-related processes after the rendering of the page content finishes. It can be used to release resources, finalize rendering settings, or handle any post-rendering tasks necessary for the application. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +@{ + ViewData["Title"] = "Home page"; +} + +
+ + +
+ + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +@{ + ViewData["Title"] = "Home page"; +} + +
+ + +
+ +{% endhighlight %} +{% endtabs %} + +The provided code demonstrates how to subscribe to the `pageRenderInitiate` and `pageRenderComplete` events in the Syncfusion PDF Viewer component. \ No newline at end of file diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html index a01de643eb..6cde6f6d28 100644 --- a/ej2-asp-core-toc.html +++ b/ej2-asp-core-toc.html @@ -1856,6 +1856,10 @@
  • Load N number of pages on initial loading
  • Retry Timeout
  • Customize toolbar
    • +
  • Customize context men
    • +
  • Open and Close Bookmark pane
    • +
  • Organize Pages
    • +
  • PageRenderInitiate and PageRenderComplete event
  • Troubleshooting diff --git a/ej2-asp-mvc-toc.html b/ej2-asp-mvc-toc.html index 78cc22749d..b957405c82 100644 --- a/ej2-asp-mvc-toc.html +++ b/ej2-asp-mvc-toc.html @@ -1816,6 +1816,10 @@
  • Load N number of pages on initial loading
  • Retry Timeout
  • Customize toolbar
    • +
  • Customize context men
    • +
  • Open and Close Bookmark pane
    • +
  • Organize Pages
    • +
  • PageRenderInitiate and PageRenderComplete event
  • Troubleshooting