From bbe052472cdd5b658564db3848e6cf4b4bc4661f Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 14:12:10 +0530 Subject: [PATCH 01/12] 989322: Resolved naming Extension issues --- Document-Processing-toc.html | 246 +++-- .../bookmark.md} | 284 +++--- .../hyperlink.md} | 0 .../page-thumbnail.md} | 88 +- .../page-navigation.md => navigation/page.md} | 278 +++--- .../{organize-pdf-events.md => events.md} | 250 ++--- ...ize-page-mobile-view.md => mobile-view.md} | 74 +- .../overview.md} | 54 +- ...ganize-page.md => programmatic-support.md} | 366 ++++---- .../{toolbar-organize-page.md => toolbar.md} | 224 ++--- ...ns-organize-page.md => ui-interactions.md} | 194 ++-- .../annotation-toolbar.md} | 192 ++-- .../custom-toolbar.md | 870 +++++++++--------- .../form-designer-toolbar.md} | 152 +-- .../mobile-toolbar.md | 240 ++--- .../primary-toolbar.md} | 644 ++++++------- .../bookmark.md} | 242 ++--- .../hyperlink.md} | 0 .../page-thumbnail.md} | 74 +- .../page-navigation.md => navigation/page.md} | 252 ++--- .../{organize-pdf-events.md => events.md} | 210 ++--- ...ize-page-mobile-view.md => mobile-view.md} | 74 +- .../asp-net-mvc/organize-pdf/overview.md | 28 + ...ganize-page.md => programmatic-support.md} | 300 +++--- .../{toolbar-organize-page.md => toolbar.md} | 176 ++-- ...ns-organize-page.md => ui-interactions.md} | 194 ++-- .../annotation-toolbar.md} | 164 ++-- .../custom-toolbar.md | 648 ++++++------- .../form-designer-toolbar.md} | 124 +-- .../mobile-toolbar.md | 212 ++--- .../primary-toolbar.md} | 576 ++++++------ .../bookmark.md} | 0 .../hyperlink.md} | 0 .../page-thumbnail.md} | 0 .../page-navigation.md => navigation/page.md} | 0 .../{organize-pdf-events.md => events.md} | 0 ...ize-page-mobile-view.md => mobile-view.md} | 0 .../overview.md} | 0 ...ganize-page.md => programmatic-support.md} | 0 .../{toolbar-organize-page.md => toolbar.md} | 0 ...ns-organize-page.md => ui-interactions.md} | 0 .../annotation-toolbar.md} | 0 .../custom-toolbar.md | 0 .../form-designer-toolbar.md} | 0 .../mobile-toolbar.md | 0 .../primary-toolbar.md} | 0 .../bookmark.md} | 0 .../hyperlink.md} | 0 .../page-thumbnail.md} | 0 .../page-navigation.md => navigation/page.md} | 0 .../{organize-pdf-events.md => events.md} | 0 ...ize-page-mobile-view.md => mobile-view.md} | 0 .../overview.md} | 0 ...ganize-page.md => programmatic-support.md} | 0 .../{toolbar-organize-page.md => toolbar.md} | 0 ...ns-organize-page.md => ui-interactions.md} | 0 .../annotation-toolbar.md} | 0 .../custom-toolbar.md | 0 .../form-designer-toolbar.md} | 0 .../mobile-toolbar.md | 0 .../primary-toolbar.md} | 0 .../PDF/PDF-Viewer/react/events.md | 348 +++++-- .../bookmark.md} | 0 .../hyperlink.md} | 0 .../page-thumbnail.md} | 0 .../page-navigation.md => navigation/page.md} | 0 .../{organize-pdf-events.md => events.md} | 0 ...ize-page-mobile-view.md => mobile-view.md} | 0 .../overview.md} | 0 ...ganize-page.md => programmatic-support.md} | 0 .../{toolbar-organize-page.md => toolbar.md} | 0 ...ns-organize-page.md => ui-interactions.md} | 0 .../annotation-toolbar.md} | 0 .../custom-toolbar.md | 0 .../form-designer-toolbar.md} | 0 .../mobile-toolbar.md | 0 .../primary-toolbar.md} | 0 .../bookmark.md} | 0 .../hyperlink.md} | 0 .../page-thumbnail.md} | 0 .../page-navigation.md => navigation/page.md} | 0 .../{organize-pdf-events.md => events.md} | 0 ...ize-page-mobile-view.md => mobile-view.md} | 0 .../overview.md} | 0 ...ganize-page.md => programmatic-support.md} | 0 .../{toolbar-organize-page.md => toolbar.md} | 0 ...ns-organize-page.md => ui-interactions.md} | 0 .../annotation-toolbar.md} | 0 .../custom-toolbar.md | 0 .../form-designer-toolbar.md} | 0 .../mobile-toolbar.md | 0 .../primary-toolbar.md} | 0 92 files changed, 3971 insertions(+), 3807 deletions(-) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{interactive-pdf-navigation/bookmark-navigation.md => navigation/bookmark.md} (96%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{interactive-pdf-navigation/hyperlink-navigation.md => navigation/hyperlink.md} (100%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{interactive-pdf-navigation/page-thumbnail-navigation.md => navigation/page-thumbnail.md} (96%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{interactive-pdf-navigation/page-navigation.md => navigation/page.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/{organize-pdf-events.md => events.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/{organize-page-mobile-view.md => mobile-view.md} (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{organize-pdf-overview.md => organize-pdf/overview.md} (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/{programmatic-support-for-organize-page.md => programmatic-support.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/{toolbar-organize-page.md => toolbar.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/{ui-interactions-organize-page.md => ui-interactions.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{toolbar-customization/annotation-toolbar-customization.md => toolbar/annotation-toolbar.md} (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{toolbar-customization => toolbar}/custom-toolbar.md (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{toolbar-customization/form-designer-toolbar-customization.md => toolbar/form-designer-toolbar.md} (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{toolbar-customization => toolbar}/mobile-toolbar.md (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-core/{toolbar-customization/primary-toolbar-customization.md => toolbar/primary-toolbar.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{interactive-pdf-navigation/bookmark-navigation.md => navigation/bookmark.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{interactive-pdf-navigation/hyperlink-navigation.md => navigation/hyperlink.md} (100%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{interactive-pdf-navigation/page-thumbnail-navigation.md => navigation/page-thumbnail.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{interactive-pdf-navigation/page-navigation.md => navigation/page.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/{organize-pdf-events.md => events.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/{organize-page-mobile-view.md => mobile-view.md} (98%) create mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/overview.md rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/{programmatic-support-for-organize-page.md => programmatic-support.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/{toolbar-organize-page.md => toolbar.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/{ui-interactions-organize-page.md => ui-interactions.md} (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{toolbar-customization/annotation-toolbar-customization.md => toolbar/annotation-toolbar.md} (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{toolbar-customization => toolbar}/custom-toolbar.md (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{toolbar-customization/form-designer-toolbar-customization.md => toolbar/form-designer-toolbar.md} (98%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{toolbar-customization => toolbar}/mobile-toolbar.md (97%) rename Document-Processing/PDF/PDF-Viewer/asp-net-mvc/{toolbar-customization/primary-toolbar-customization.md => toolbar/primary-toolbar.md} (97%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{interactive-pdf-navigation/bookmark-navigation.md => navigation/bookmark.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{interactive-pdf-navigation/hyperlink-navigation.md => navigation/hyperlink.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{interactive-pdf-navigation/page-thumbnail-navigation.md => navigation/page-thumbnail.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{interactive-pdf-navigation/page-navigation.md => navigation/page.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/{organize-pdf-events.md => events.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/{organize-page-mobile-view.md => mobile-view.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{organize-pdf-overview.md => organize-pdf/overview.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/{programmatic-support-for-organize-page.md => programmatic-support.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/{toolbar-organize-page.md => toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/{ui-interactions-organize-page.md => ui-interactions.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{toolbar-customization/annotation-toolbar-customization.md => toolbar/annotation-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{toolbar-customization => toolbar}/custom-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{toolbar-customization/form-designer-toolbar-customization.md => toolbar/form-designer-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{toolbar-customization => toolbar}/mobile-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es5/{toolbar-customization/primary-toolbar-customization.md => toolbar/primary-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{interactive-pdf-navigation/bookmark-navigation.md => navigation/bookmark.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{interactive-pdf-navigation/hyperlink-navigation.md => navigation/hyperlink.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{interactive-pdf-navigation/page-thumbnail-navigation.md => navigation/page-thumbnail.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{interactive-pdf-navigation/page-navigation.md => navigation/page.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/{organize-pdf-events.md => events.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/{organize-page-mobile-view.md => mobile-view.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{organize-pdf-overview.md => organize-pdf/overview.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/{programmatic-support-for-organize-page.md => programmatic-support.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/{toolbar-organize-page.md => toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/{ui-interactions-organize-page.md => ui-interactions.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{toolbar-customization/annotation-toolbar-customization.md => toolbar/annotation-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{toolbar-customization => toolbar}/custom-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{toolbar-customization/form-designer-toolbar-customization.md => toolbar/form-designer-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{toolbar-customization => toolbar}/mobile-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/javascript-es6/{toolbar-customization/primary-toolbar-customization.md => toolbar/primary-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{interactive-pdf-navigation/bookmark-navigation.md => navigation/bookmark.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{interactive-pdf-navigation/hyperlink-navigation.md => navigation/hyperlink.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{interactive-pdf-navigation/page-thumbnail-navigation.md => navigation/page-thumbnail.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{interactive-pdf-navigation/page-navigation.md => navigation/page.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/organize-pdf/{organize-pdf-events.md => events.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/organize-pdf/{organize-page-mobile-view.md => mobile-view.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{organize-pdf-overview.md => organize-pdf/overview.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/organize-pdf/{programmatic-support-for-organize-page.md => programmatic-support.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/organize-pdf/{toolbar-organize-page.md => toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/organize-pdf/{ui-interactions-organize-page.md => ui-interactions.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{toolbar-customization/annotation-toolbar-customization.md => toolbar/annotation-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{toolbar-customization => toolbar}/custom-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/react/{toolbar-customization/form-designer-toolbar-customization.md => toolbar/form-designer-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/react/{toolbar-customization => toolbar}/mobile-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/react/{toolbar-customization/primary-toolbar-customization.md => toolbar/primary-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{interactive-pdf-navigation/bookmark-navigation.md => navigation/bookmark.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{interactive-pdf-navigation/hyperlink-navigation.md => navigation/hyperlink.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{interactive-pdf-navigation/page-thumbnail-navigation.md => navigation/page-thumbnail.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{interactive-pdf-navigation/page-navigation.md => navigation/page.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/{organize-pdf-events.md => events.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/{organize-page-mobile-view.md => mobile-view.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{organize-pdf-overview.md => organize-pdf/overview.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/{programmatic-support-for-organize-page.md => programmatic-support.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/{toolbar-organize-page.md => toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/{ui-interactions-organize-page.md => ui-interactions.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{toolbar-customization/annotation-toolbar-customization.md => toolbar/annotation-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{toolbar-customization => toolbar}/custom-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{toolbar-customization/form-designer-toolbar-customization.md => toolbar/form-designer-toolbar.md} (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{toolbar-customization => toolbar}/mobile-toolbar.md (100%) rename Document-Processing/PDF/PDF-Viewer/vue/{toolbar-customization/primary-toolbar-customization.md => toolbar/primary-toolbar.md} (100%) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 35ac30364..cec43249e 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -130,25 +130,23 @@
  • Toolbar Customization
    • -
  • Interactive PDF Navigation +
  • Interactive PDF Navigation
  • Accessibility
    • -
  • Toolbar
    • -
  • Navigation
  • Magnification
  • Text Search
  • Annotation @@ -172,20 +170,20 @@
  • Form Filling
    • -
  • Organize Pages +
  • Organize Pages
  • Print
    • @@ -293,27 +291,25 @@
  • To Azure Active Directory
    • -
  • Toolbar Customization +
  • Toolbar Customization
    • -
  • Interactive PDF Navigation +
  • Interactive PDF Navigation
  • Accessibility
    • -
  • Toolbar
    • -
  • Navigation
  • Magnification
  • Text Search
  • Annotation @@ -337,23 +333,22 @@
  • Form Filling
    • -
  • Organize Pages +
  • Organize Pages
    • -
  • Organize Pages
  • Print
  • Download
  • Event
    • @@ -759,25 +754,23 @@
  • To Azure Active Directory
    • -
  • Toolbar
  • Mobile Toolbar Interface
    • -
  • Navigation
    • -
  • Toolbar Customization +
  • Toolbar Customization
  • Interactive PDF Navigation
  • Magnification
    • @@ -804,23 +797,22 @@
  • Form Filling
    • -
  • Organize Pages +
  • Organize Pages
    • -
  • Organize Pages
  • Print
  • Download
  • Events
    • @@ -924,24 +916,22 @@
  • Accessibility
    • -
  • Toolbar
    • -
  • Navigation
    • -
  • Toolbar Customization +
  • Toolbar Customization
  • Interactive PDF Navigation
  • Magnification
    • @@ -967,23 +957,22 @@
  • Form Filling
    • -
  • Organize Pages +
  • Organize Pages
    • -
  • Organize Pages
  • Print
  • Download
  • Events
    • @@ -1089,23 +1078,22 @@
  • To Azure Active Directory
    • -
  • Toolbar
    • -
  • Toolbar Customization +
  • Toolbar Customization
  • Interactive PDF Navigation
  • Magnification
    • @@ -1132,23 +1120,22 @@
  • Form Filling
    • -
  • Organize Pages +
  • Organize Pages
    • -
  • Organize Pages
  • Print
  • Download
  • Event
    • @@ -1271,24 +1258,22 @@
  • From Azure Active Directory
    • -
  • Toolbar
    • -
  • Navigation
    • -
  • Toolbar Customization +
  • Toolbar Customization
  • Interactive PDF Navigation
  • Magnification
    • @@ -1315,23 +1300,22 @@
  • Form Filling
    • -
  • Organize Pages +
  • Organize Pages
    • -
  • Organize Pages
  • Print
  • Download
  • Event
    • diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md similarity index 96% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/bookmark-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md index 74caeff55..6d8eac82b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/bookmark-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md @@ -1,143 +1,143 @@ ---- -layout: post -title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Bookmark navigation - -The Bookmarks saved in PDF files are loaded and made ready for easy navigation. -You can enable/disable bookmark navigation by using the following code snippet., - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -![Alt text](../images/bookmark.png) - -To perform bookmark navigation, you can use the **goToBookmark** method. It's important to note that the **goToBookmark** method will throw an error if the specified bookmark does not exist in the PDF document. - -Here is an example of how to use the **goToBookmark** method: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -x - Specifies the pageIndex for Navigate. - -y - Specifies the Y coordinates value of the Page. - -Also, you can use the **getBookmarks** method to retrieve a list of all the bookmarks in a PDF document. This method returns a List of Bookmark objects, which contain information about each bookmark. - -Here is an example of how to use the getBookmarks method: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## See also - -* [Toolbar items](../toolbar-customization/) +--- +layout: post +title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Bookmark navigation + +The Bookmarks saved in PDF files are loaded and made ready for easy navigation. +You can enable/disable bookmark navigation by using the following code snippet., + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +![Alt text](../images/bookmark.png) + +To perform bookmark navigation, you can use the **goToBookmark** method. It's important to note that the **goToBookmark** method will throw an error if the specified bookmark does not exist in the PDF document. + +Here is an example of how to use the **goToBookmark** method: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +x - Specifies the pageIndex for Navigate. + +y - Specifies the Y coordinates value of the Page. + +Also, you can use the **getBookmarks** method to retrieve a list of all the bookmarks in a PDF document. This method returns a List of Bookmark objects, which contain information about each bookmark. + +Here is an example of how to use the getBookmarks method: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## See also + +* [Toolbar items](../toolbar-customization/) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/hyperlink.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/hyperlink-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/hyperlink.md diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md similarity index 96% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/page-thumbnail-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md index ba7a4369f..104e90a78 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/page-thumbnail-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md @@ -1,45 +1,45 @@ ---- -layout: post -title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Page Thumbnail navigation - -Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation. -You can enable/disable thumbnail navigation by using the following code snippet., - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -![Alt text](../images/thumbnail.png) - -## See also - -* [Toolbar items](../toolbar-customization/) +--- +layout: post +title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Page Thumbnail navigation + +Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation. +You can enable/disable thumbnail navigation by using the following code snippet., + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +![Alt text](../images/thumbnail.png) + +## See also + +* [Toolbar items](../toolbar-customization/) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/page-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md index 774a6eeef..5a43c2caa 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interactive-pdf-navigation/page-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md @@ -1,140 +1,140 @@ ---- -layout: post -title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Navigation in ASP.NET Core PDF Viewer control - -The ASP.NET Core PDF Viewer supports different internal and external navigations. - -## Toolbar page navigation option - -The default toolbar of PDF Viewer contains the following navigation options - -* **Go to page** :- Navigates to the specific page of a PDF document. -* **Show next page** :- Navigates to the next page of PDF a document. -* **Show previous page** :- Navigates to the previous page of a PDF document. -* **Show first page** :- Navigates to the first page of a PDF document. -* **Show last page** :- Navigates to the last page of a PDF document. - -You can enable/disable page navigation option in PDF Viewer using the following code snippet., - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -![Alt text](../images/navigation.png) - -Also, you can programmatically perform page navigation options as follows. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - - - - - - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - - - - - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## See also - -* [Toolbar items](../toolbar-customization/) +--- +layout: post +title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Navigation in ASP.NET Core PDF Viewer control + +The ASP.NET Core PDF Viewer supports different internal and external navigations. + +## Toolbar page navigation option + +The default toolbar of PDF Viewer contains the following navigation options + +* **Go to page** :- Navigates to the specific page of a PDF document. +* **Show next page** :- Navigates to the next page of PDF a document. +* **Show previous page** :- Navigates to the previous page of a PDF document. +* **Show first page** :- Navigates to the first page of a PDF document. +* **Show last page** :- Navigates to the last page of a PDF document. + +You can enable/disable page navigation option in PDF Viewer using the following code snippet., + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +![Alt text](../images/navigation.png) + +Also, you can programmatically perform page navigation options as follows. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + + + + + + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + + + + + + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## See also + +* [Toolbar items](../toolbar-customization/) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-pdf-events.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md index 7c6905707..9ae2dd73d 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-pdf-events.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md @@ -1,125 +1,125 @@ ---- -layout: post -title: Organize Pages Events in PDF Viewer | Syncfusion -description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Organize Pages Events in PDF Viewer - -The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. - -## pageOrganizerSaveAs - -The `pageOrganizerSaveAs` event is triggered when a save action is performed in the page organizer. - -- Occurs when the **Save as** button in the page organizer toolbar is clicked after modifying the document structure. - -The event arguments provide the necessary information about the save event: - -- `fileName`: The name of the currently loaded PDF document. -- `downloadDocument`: A base64 string of the modified PDF document data. -- `cancel`: A boolean that, when set to `true`, prevents the default save action from proceeding. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## pageOrganizerZoomChanged - -The `pageOrganizerZoomChanged` event is triggered when the zoom level of the page organizer is changed. - -- This event is fired when the user interacts with the zoom slider in the page organizer. The `showImageZoomingSlider` property in `pageOrganizerSettings` must be set to `true` for the slider to be visible. - - -Event arguments: - -- `previousZoomValue`: The previous zoom value. -- `currentZoomValue`: The current zoom value. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## Related event documentation - -- Overall Viewer events: [Event](../event) -- Annotation events: [Annotation events](../annotations/annotation-event) -- Form designer events: [Form field events](../form-designer/form-field-events) +--- +layout: post +title: Organize Pages Events in PDF Viewer | Syncfusion +description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Organize Pages Events in PDF Viewer + +The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. + +## pageOrganizerSaveAs + +The `pageOrganizerSaveAs` event is triggered when a save action is performed in the page organizer. + +- Occurs when the **Save as** button in the page organizer toolbar is clicked after modifying the document structure. + +The event arguments provide the necessary information about the save event: + +- `fileName`: The name of the currently loaded PDF document. +- `downloadDocument`: A base64 string of the modified PDF document data. +- `cancel`: A boolean that, when set to `true`, prevents the default save action from proceeding. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## pageOrganizerZoomChanged + +The `pageOrganizerZoomChanged` event is triggered when the zoom level of the page organizer is changed. + +- This event is fired when the user interacts with the zoom slider in the page organizer. The `showImageZoomingSlider` property in `pageOrganizerSettings` must be set to `true` for the slider to be visible. + + +Event arguments: + +- `previousZoomValue`: The previous zoom value. +- `currentZoomValue`: The current zoom value. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## Related event documentation + +- Overall Viewer events: [Event](../event) +- Annotation events: [Annotation events](../annotations/annotation-event) +- Form designer events: [Form field events](../form-designer/form-field-events) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-page-mobile-view.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md index 6cb01b4d4..ab12284bb 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/organize-page-mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md @@ -1,37 +1,37 @@ ---- -layout: post -title: Organize Pages in Mobile PDF Viewer | Syncfusion -description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Organize Pages in Mobile PDF Viewer - -The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. - -## Mobile-Friendly Toolbar - -In the mobile view, the `Organize Pages` toolbar is displayed at the bottom of the screen for easy one-handed access. The toolbar includes the same set of tools as the desktop version, such as insert, delete, and rotate, but with a mobile-optimized layout. - -## Context Menu for Page Operations - -To perform actions on a page thumbnail, tap and hold on the thumbnail to open a context menu. This menu contains all the available page operations: - -* **Rotate Clockwise**: Rotate the selected page 90 degrees clockwise. -* **Rotate Counter-Clockwise**: Rotate the selected page 90 degrees counter-clockwise. -* **Insert Page**: Insert a new page. -* **Copy Page**: Duplicate the selected page. -* **Delete Page**: Remove the selected page. -* **Select All**: Select all pages in the document. - - -![Alt text](../images/Context-Menu-Page-Operations1.png) - -## Rearranging Pages on Mobile - -To rearrange pages, tap and hold a page thumbnail to select it, then drag it to the desired position. A blue line will indicate the drop location. - -By providing a mobile-friendly interface, the PDF Viewer ensures that users can efficiently manage their PDF documents from any device, anywhere. +--- +layout: post +title: Organize Pages in Mobile PDF Viewer | Syncfusion +description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Organize Pages in Mobile PDF Viewer + +The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. + +## Mobile-Friendly Toolbar + +In the mobile view, the `Organize Pages` toolbar is displayed at the bottom of the screen for easy one-handed access. The toolbar includes the same set of tools as the desktop version, such as insert, delete, and rotate, but with a mobile-optimized layout. + +## Context Menu for Page Operations + +To perform actions on a page thumbnail, tap and hold on the thumbnail to open a context menu. This menu contains all the available page operations: + +* **Rotate Clockwise**: Rotate the selected page 90 degrees clockwise. +* **Rotate Counter-Clockwise**: Rotate the selected page 90 degrees counter-clockwise. +* **Insert Page**: Insert a new page. +* **Copy Page**: Duplicate the selected page. +* **Delete Page**: Remove the selected page. +* **Select All**: Select all pages in the document. + + +![Alt text](../images/Context-Menu-Page-Operations1.png) + +## Rearranging Pages on Mobile + +To rearrange pages, tap and hold a page thumbnail to select it, then drag it to the desired position. A blue line will indicate the drop location. + +By providing a mobile-friendly interface, the PDF Viewer ensures that users can efficiently manage their PDF documents from any device, anywhere. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/overview.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf-overview.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/overview.md index 648f18ff7..2459a94a3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf-overview.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/overview.md @@ -1,27 +1,27 @@ ---- -layout: post -title: Organize Pages in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about Organize Pages in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -documentation: ug -domainurl: ##DomainURL## ---- - -# Organize Pages in ASP.NET Core PDF Viewer control - -The PDF Viewer allows you to manage your PDF documents efficiently by organizing pages seamlessly. Whether you need to add new pages, remove unnecessary ones, rotate pages, move pages within the document, and copy or duplicate pages, the PDF Viewer facilitates these tasks effortlessly. - -The Organize Pages feature provides the following options: - -* **Rotate pages**: You can adjust the orientation of PDF pages to ensure proper alignment. -* **Rearrange pages**: You can easily change the sequence of pages within your document. -* **Insert new pages**: Effortlessly add new blank pages to your document. -* **Delete pages**: Removing unwanted pages from your document is straightforward. -* **Copy pages**: Duplicate the pages within your PDF document effortlessly. -* **Import a PDF Document**: Seamlessly import a PDF document into your existing document. -* **Select all pages**: Make comprehensive adjustments by selecting all pages simultaneously. -* **Real-time updates**: Witness instant changes in page organization reflected within the PDF Viewer. Simply click the **Save** button to preserve your modifications. -* **SaveAs functionality**: Safeguard your edits by utilizing the **Save As** feature. This enables you to download the modified version of the PDF document for future reference, ensuring that your changes are securely stored. - -To access the organize pages feature, simply open the PDF document in the PDF Viewer and navigate to the left vertical toolbar. Look for the `Organize Pages` option to begin utilizing these capabilities. +--- +layout: post +title: Organize Pages in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about Organize Pages in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +documentation: ug +domainurl: ##DomainURL## +--- + +# Organize Pages in ASP.NET Core PDF Viewer control + +The PDF Viewer allows you to manage your PDF documents efficiently by organizing pages seamlessly. Whether you need to add new pages, remove unnecessary ones, rotate pages, move pages within the document, and copy or duplicate pages, the PDF Viewer facilitates these tasks effortlessly. + +The Organize Pages feature provides the following options: + +* **Rotate pages**: You can adjust the orientation of PDF pages to ensure proper alignment. +* **Rearrange pages**: You can easily change the sequence of pages within your document. +* **Insert new pages**: Effortlessly add new blank pages to your document. +* **Delete pages**: Removing unwanted pages from your document is straightforward. +* **Copy pages**: Duplicate the pages within your PDF document effortlessly. +* **Import a PDF Document**: Seamlessly import a PDF document into your existing document. +* **Select all pages**: Make comprehensive adjustments by selecting all pages simultaneously. +* **Real-time updates**: Witness instant changes in page organization reflected within the PDF Viewer. Simply click the **Save** button to preserve your modifications. +* **SaveAs functionality**: Safeguard your edits by utilizing the **Save As** feature. This enables you to download the modified version of the PDF document for future reference, ensuring that your changes are securely stored. + +To access the organize pages feature, simply open the PDF document in the PDF Viewer and navigate to the left vertical toolbar. Look for the `Organize Pages` option to begin utilizing these capabilities. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support-for-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md index a02999c08..c120fbafd 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support-for-organize-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md @@ -1,183 +1,183 @@ ---- -layout: post -title: Programmatic Support for Organize Pages in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about Programmatic Support for Organize Pages in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Programmatic Support for Organize Pages in ASP.NET Core PDF Viewer control - -The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features. - -## Enable or disable the page organizer - -The page organizer feature can be enabled or disabled using the `enablePageOrganizer` property. By default, this feature is enabled. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Open the page organizer on document load - -You can control whether the page organizer dialog opens automatically when a document is loaded using the `isPageOrganizerOpen` property. The default value is `false`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Customize page organizer settings - -The `pageOrganizerSettings` API allows you to customize the page management functionalities. You can enable or disable actions such as deleting, inserting, rotating, copying, importing, and rearranging pages, as well as configure thumbnail zoom settings. By default, all actions are enabled, and standard zoom settings are applied. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} -
    - - -
    -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} -
    - - -
    -{% endhighlight %} -{% endtabs %} - -## Open the page organizer dialog - -The `openPageOrganizer` method programmatically opens the page organizer dialog, providing access to page management tools. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## Close the page organizer dialog - -The `closePageOrganizer` method programmatically closes the page organizer dialog. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} +--- +layout: post +title: Programmatic Support for Organize Pages in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about Programmatic Support for Organize Pages in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Programmatic Support for Organize Pages in ASP.NET Core PDF Viewer control + +The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features. + +## Enable or disable the page organizer + +The page organizer feature can be enabled or disabled using the `enablePageOrganizer` property. By default, this feature is enabled. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Open the page organizer on document load + +You can control whether the page organizer dialog opens automatically when a document is loaded using the `isPageOrganizerOpen` property. The default value is `false`. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Customize page organizer settings + +The `pageOrganizerSettings` API allows you to customize the page management functionalities. You can enable or disable actions such as deleting, inserting, rotating, copying, importing, and rearranging pages, as well as configure thumbnail zoom settings. By default, all actions are enabled, and standard zoom settings are applied. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} +
    + + +
    +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} +
    + + +
    +{% endhighlight %} +{% endtabs %} + +## Open the page organizer dialog + +The `openPageOrganizer` method programmatically opens the page organizer dialog, providing access to page management tools. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## Close the page organizer dialog + +The `closePageOrganizer` method programmatically closes the page organizer dialog. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md index 4c8cae4da..8312095d4 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar-organize-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md @@ -1,112 +1,112 @@ ---- -layout: post -title: Organize Page Toolbar Customization in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about Organize Page Toolbar Customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Organize Page Toolbar Customization in ASP.NET Core PDF Viewer control - -The PDF Viewer allows you to customize the toolbar for the organize pages feature, enabling you to show or hide specific tools based on your application's requirements. The `pageOrganizerSettings` API provides properties to control the visibility of each tool in the organize pages dialog. - -## Show or hide the insert option - -The `canInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Show or hide the delete option - -The `canDelete` property controls the visibility of the delete tool. When set to `false`, the delete tool will be hidden. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Show or hide the rotate option - -The `canRotate` property controls the visibility of the rotate tool. When set to `false`, the rotate tool will be hidden. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Show or hide the copy option - -The `canCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden. - -## Show or hide the import option - -The `canImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden. - -## Show or hide the rearrange option - -The `canRearrange` property controls the ability to rearrange pages. When set to `false`, pages cannot be rearranged. +--- +layout: post +title: Organize Page Toolbar Customization in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about Organize Page Toolbar Customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Organize Page Toolbar Customization in ASP.NET Core PDF Viewer control + +The PDF Viewer allows you to customize the toolbar for the organize pages feature, enabling you to show or hide specific tools based on your application's requirements. The `pageOrganizerSettings` API provides properties to control the visibility of each tool in the organize pages dialog. + +## Show or hide the insert option + +The `canInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Show or hide the delete option + +The `canDelete` property controls the visibility of the delete tool. When set to `false`, the delete tool will be hidden. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Show or hide the rotate option + +The `canRotate` property controls the visibility of the rotate tool. When set to `false`, the rotate tool will be hidden. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Show or hide the copy option + +The `canCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden. + +## Show or hide the import option + +The `canImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden. + +## Show or hide the rearrange option + +The `canRearrange` property controls the ability to rearrange pages. When set to `false`, pages cannot be rearranged. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md index d2acc6b96..e44ec39cb 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions-organize-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md @@ -1,97 +1,97 @@ ---- -layout: post -title: UI Interactions for Organizing Pages in ASP.NET Core PDF Viewer | Syncfusion -description: Learn about the UI interactions for organizing pages in the Syncfusion ASP.NET Core PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# UI Interactions for Organizing Pages in ASP.NET Core PDF Viewer - -The PDF Viewer provides an intuitive user interface for managing and organizing pages within a PDF document. This section covers the various UI interactions available in the `Organize Pages` dialog. - - - -## Rotating PDF pages - -You can adjust the orientation of pages to ensure proper alignment. The rotate icon in the Organize Pages dialog provides the following options: - -* **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise. -* **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise. - -![Alt text](../images/rotate-rearrange.gif) - -## Rearranging PDF pages - -Easily change the sequence of pages using the drag-and-drop method: - -* **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages. - -![Alt text](../images/rotate-rearrange.gif) - -## Inserting new pages - -Effortlessly add blank pages to your document with the following options: - -* **Insert blank page left**: Insert a blank page to the left of the selected page. -* **Insert blank page right**: Insert a blank page to the right of the selected page. - -![Alt text](../images/insert-delete-copy.gif) - -## Deleting PDF pages - -Remove unwanted pages from your document with these steps: - -1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once. -2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document. - -![Alt text](../images/insert-delete-copy.gif) - -## Copying PDF pages - -Duplicate pages within your PDF document effortlessly: - -* **Select pages to copy**: Click on the page thumbnails you wish to duplicate. -* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages. - -![Alt text](../images/insert-delete-copy.gif) - -## Importing a PDF document - -Seamlessly import another PDF document into your current document: - -* **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document will be inserted as a thumbnail. If a page is selected, the thumbnail will be added to its right. If no pages are selected, it will be added as the first page. The imported PDF will be merged with the current document upon saving. - -![Alt text](../images/import.gif) - -## Selecting all pages - -Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once. - -![Alt text](../images/selectall.png) - -## Zooming page thumbnails - -Adjust the size of page thumbnails for better visibility and precision: - -* Use the zoom slider to increase or decrease the thumbnail size. -* Zoom in to see more detail on each page. -* Zoom out to view more pages at once. - -![Alt text](../images/zoomOrganize.png) - -## Real-time updates and saving - -All changes are reflected instantly in the Organize Pages dialog. Click the **Save** button to apply the modifications to the document. Use the **Save As** feature to download a new version of the PDF with your changes. - -## Keyboard shortcuts - -The following keyboard shortcuts are available in the Organize Pages dialog: - -* **Ctrl+Z**: Undo the last action. -* **Ctrl+Y**: Redo the last undone action. -* **Ctrl+Scroll**: Zoom in and out on page thumbnails for better visibility. - -![Alt text](../images/undo-redo.png) +--- +layout: post +title: UI Interactions for Organizing Pages in ASP.NET Core PDF Viewer | Syncfusion +description: Learn about the UI interactions for organizing pages in the Syncfusion ASP.NET Core PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# UI Interactions for Organizing Pages in ASP.NET Core PDF Viewer + +The PDF Viewer provides an intuitive user interface for managing and organizing pages within a PDF document. This section covers the various UI interactions available in the `Organize Pages` dialog. + + + +## Rotating PDF pages + +You can adjust the orientation of pages to ensure proper alignment. The rotate icon in the Organize Pages dialog provides the following options: + +* **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise. +* **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise. + +![Alt text](../images/rotate-rearrange.gif) + +## Rearranging PDF pages + +Easily change the sequence of pages using the drag-and-drop method: + +* **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages. + +![Alt text](../images/rotate-rearrange.gif) + +## Inserting new pages + +Effortlessly add blank pages to your document with the following options: + +* **Insert blank page left**: Insert a blank page to the left of the selected page. +* **Insert blank page right**: Insert a blank page to the right of the selected page. + +![Alt text](../images/insert-delete-copy.gif) + +## Deleting PDF pages + +Remove unwanted pages from your document with these steps: + +1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once. +2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document. + +![Alt text](../images/insert-delete-copy.gif) + +## Copying PDF pages + +Duplicate pages within your PDF document effortlessly: + +* **Select pages to copy**: Click on the page thumbnails you wish to duplicate. +* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages. + +![Alt text](../images/insert-delete-copy.gif) + +## Importing a PDF document + +Seamlessly import another PDF document into your current document: + +* **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document will be inserted as a thumbnail. If a page is selected, the thumbnail will be added to its right. If no pages are selected, it will be added as the first page. The imported PDF will be merged with the current document upon saving. + +![Alt text](../images/import.gif) + +## Selecting all pages + +Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once. + +![Alt text](../images/selectall.png) + +## Zooming page thumbnails + +Adjust the size of page thumbnails for better visibility and precision: + +* Use the zoom slider to increase or decrease the thumbnail size. +* Zoom in to see more detail on each page. +* Zoom out to view more pages at once. + +![Alt text](../images/zoomOrganize.png) + +## Real-time updates and saving + +All changes are reflected instantly in the Organize Pages dialog. Click the **Save** button to apply the modifications to the document. Use the **Save As** feature to download a new version of the PDF with your changes. + +## Keyboard shortcuts + +The following keyboard shortcuts are available in the Organize Pages dialog: + +* **Ctrl+Z**: Undo the last action. +* **Ctrl+Y**: Redo the last undone action. +* **Ctrl+Scroll**: Zoom in and out on page thumbnails for better visibility. + +![Alt text](../images/undo-redo.png) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/annotation-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md index e65abeed9..a529c3d02 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/annotation-toolbar-customization.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md @@ -1,96 +1,96 @@ ---- -layout: post -title: Annotation Toolbar Customization in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: Annotation Toolbar Customization -publishingplatform: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Annotation Toolbar Customization - -The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. - -## Show or hide the annotation toolbar - -Show or hide the annotation toolbar programmatically during initialization or at runtime. - -Use the [EnableAnnotationToolbar](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableAnnotationToolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showannotationtoolbar) method to toggle visibility. - -The following code snippet explains how to show or hide the annotation toolbar using the `showAnnotationToolbar` method. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## How to customize the annotation toolbar - -Choose which tools appear and control their order in the annotation toolbar. - -Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems/) 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 PdfViewer 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`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} +--- +layout: post +title: Annotation Toolbar Customization in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: Annotation Toolbar Customization +publishingplatform: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Annotation Toolbar Customization + +The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. + +## Show or hide the annotation toolbar + +Show or hide the annotation toolbar programmatically during initialization or at runtime. + +Use the [EnableAnnotationToolbar](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableAnnotationToolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showannotationtoolbar) method to toggle visibility. + +The following code snippet explains how to show or hide the annotation toolbar using the `showAnnotationToolbar` method. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## How to customize the annotation toolbar + +Choose which tools appear and control their order in the annotation toolbar. + +Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems/) 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 PdfViewer 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`. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/custom-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md index 2271a352f..d1a38e073 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md @@ -1,435 +1,435 @@ ---- -layout: post -title: Custom Toolbar in ASP.NET Core PDF Viewer Component | Syncfusion -description: Learn here all about custom toolbar in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Custom toolbar - -The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer: - -**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. - -**Step 2:** Add an EJ2 Toolbar to perform primary actions like Open, Previous page, Next page, Go to page, Print, and Download using the following code snippet: - -```html -@{ - var template = "
    of 0
    "; - var inputtemplate = "
    "; -} - - - - - - - - - - - - - - - -``` - -**Step 3:** Add an EJ2 Toolbar to perform magnification actions in the PDF Viewer using the following code snippet: - -```html -
    - - - - - - - -
    - -``` - -**Step 4:** Add the following styles to achieve the custom toolbar styling: - -```html - -``` - -N> The icons are embedded in the font file used in the previous code snippet. - -**Step 5:** Add the following scripts to perform user interactions in the PDF Viewer: - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - - - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - - - -{% endhighlight %} -{% endtabs %} - -Sample: -[https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/customtoolbar#/tailwind](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/customtoolbar#/tailwind) +--- +layout: post +title: Custom Toolbar in ASP.NET Core PDF Viewer Component | Syncfusion +description: Learn here all about custom toolbar in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Custom toolbar + +The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer: + +**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. + +**Step 2:** Add an EJ2 Toolbar to perform primary actions like Open, Previous page, Next page, Go to page, Print, and Download using the following code snippet: + +```html +@{ + var template = "
    of 0
    "; + var inputtemplate = "
    "; +} + + + + + + + + + + + + + + + +``` + +**Step 3:** Add an EJ2 Toolbar to perform magnification actions in the PDF Viewer using the following code snippet: + +```html +
    + + + + + + + +
    + +``` + +**Step 4:** Add the following styles to achieve the custom toolbar styling: + +```html + +``` + +N> The icons are embedded in the font file used in the previous code snippet. + +**Step 5:** Add the following scripts to perform user interactions in the PDF Viewer: + +{% tabs %} +{% highlight js tabtitle="Standalone" %} + + + +{% endhighlight %} +{% highlight js tabtitle="Server-Backed" %} + + + +{% endhighlight %} +{% endtabs %} + +Sample: +[https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/customtoolbar#/tailwind](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/customtoolbar#/tailwind) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/form-designer-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md index bc036516b..cc8dc7177 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/form-designer-toolbar-customization.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md @@ -1,77 +1,77 @@ ---- -layout: post -title: Form Designer Toolbar Customization in ASP.NET Core PDF Viewer Component | Syncfusion -description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Form Designer Toolbar Customization - -The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. - -## Show or hide the form designer toolbar - -Show or hide the form designer toolbar programmatically during initialization or at runtime. - -Use the [EnableFormDesigner](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormDesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method to toggle visibility. - -The following code snippet explains how to show or hide the toolbar using the `EnableFormDesigner` property. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## How to customize the form designer toolbar - -Choose which tools appear and control their order in the form designer toolbar. - -Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems/) 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`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} +--- +layout: post +title: Form Designer Toolbar Customization in ASP.NET Core PDF Viewer Component | Syncfusion +description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Form Designer Toolbar Customization + +The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. + +## Show or hide the form designer toolbar + +Show or hide the form designer toolbar programmatically during initialization or at runtime. + +Use the [EnableFormDesigner](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormDesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method to toggle visibility. + +The following code snippet explains how to show or hide the toolbar using the `EnableFormDesigner` property. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## How to customize the form designer toolbar + +Choose which tools appear and control their order in the form designer toolbar. + +Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems/) 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`. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} {% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/mobile-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md index 4bcb09f2c..4edf01ef4 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md @@ -1,121 +1,121 @@ ---- -layout: post -title: Mobile Toolbar Interface in ASP.NET Core PDF Viewer control | Syncfusion -description: Learn All About the Mobile Toolbar Interface in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- -# Mobile Toolbar Interface in ASP.NET Core PDF Viewer control - -The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes essential tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions. - -## Mobile Mode Toolbar Configuration -In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode: - -![Mobile toolbar with primary PDF interaction options](../images/mobileToolbar.png) - -### Main Toolbar Options: - -**OpenOption:** Tap to load a PDF document. - -**SearchOption:** Access the search bar to find text within the document. - -![Search bar displayed for finding text within a PDF](../images/searchOption.png) - -**UndoRedoTool:** Quickly undo or redo any annotations made. - -**OrganizePagesTool:** Enable or disable page organization features to modify document pages. - -![Page organization interface for modifying PDF pages](../images/organizePages.png) - -**AnnotationEditTool:** Activate or deactivate annotation editing to add or modify annotations. - -![Annotation editing toolbar allowing users to add, edit, or delete annotations on a PDF](../images/editAnnotation.png) - - -N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer. - -### More Options Menu: -When you open the "more options" menu, you will see additional actions such as: - -**DownloadOption:** Tap to download the currently opened PDF document. - -**BookmarkOption:** Allows you to view bookmarks within the document. - -![More options menu showing additional actions like download and bookmark](../images/more-options.png) - -## Enabling Desktop Mode in Mobile - -The desktop version of the toolbar can be enabled on mobile devices by using the `enableDesktopMode` API. This API allows you to bring desktop-like features to the mobile PDF viewer, providing access to additional toolbar actions that are typically available on desktop platforms. - -### Steps to Enable Desktop Mode: - -**Step 1:** Set `enableDesktopMode` to true in the API configuration. - -**Step 2:** This will replace the mobile toolbar with the desktop toolbar layout, allowing access to more actions and controls. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Enable Scrolling in Desktop Mode with Touch Gestures - -To ensure smooth scrolling of PDF documents on a mobile device in desktop mode, it is important to enable touch gesture scrolling. You can achieve this by setting the `enableTextSelection` option to **false**. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -## Print Option Not Available - -The Print option is not available in mobile mode by default. However, if you need to use the print functionality on mobile devices, we recommend enabling the desktop toolbar on mobile using the `enableDesktopMode` API. - -### How to Use Print on Mobile: - -**Enable Desktop Mode:** Set `enableDesktopMode` to true to load the desktop version of the toolbar on your mobile device. - -**Print Option:** Once desktop mode is enabled, the print option will be available, allowing you to print the document directly from your mobile device. - +--- +layout: post +title: Mobile Toolbar Interface in ASP.NET Core PDF Viewer control | Syncfusion +description: Learn All About the Mobile Toolbar Interface in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- +# Mobile Toolbar Interface in ASP.NET Core PDF Viewer control + +The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes essential tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions. + +## Mobile Mode Toolbar Configuration +In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode: + +![Mobile toolbar with primary PDF interaction options](../images/mobileToolbar.png) + +### Main Toolbar Options: + +**OpenOption:** Tap to load a PDF document. + +**SearchOption:** Access the search bar to find text within the document. + +![Search bar displayed for finding text within a PDF](../images/searchOption.png) + +**UndoRedoTool:** Quickly undo or redo any annotations made. + +**OrganizePagesTool:** Enable or disable page organization features to modify document pages. + +![Page organization interface for modifying PDF pages](../images/organizePages.png) + +**AnnotationEditTool:** Activate or deactivate annotation editing to add or modify annotations. + +![Annotation editing toolbar allowing users to add, edit, or delete annotations on a PDF](../images/editAnnotation.png) + + +N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer. + +### More Options Menu: +When you open the "more options" menu, you will see additional actions such as: + +**DownloadOption:** Tap to download the currently opened PDF document. + +**BookmarkOption:** Allows you to view bookmarks within the document. + +![More options menu showing additional actions like download and bookmark](../images/more-options.png) + +## Enabling Desktop Mode in Mobile + +The desktop version of the toolbar can be enabled on mobile devices by using the `enableDesktopMode` API. This API allows you to bring desktop-like features to the mobile PDF viewer, providing access to additional toolbar actions that are typically available on desktop platforms. + +### Steps to Enable Desktop Mode: + +**Step 1:** Set `enableDesktopMode` to true in the API configuration. + +**Step 2:** This will replace the mobile toolbar with the desktop toolbar layout, allowing access to more actions and controls. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Enable Scrolling in Desktop Mode with Touch Gestures + +To ensure smooth scrolling of PDF documents on a mobile device in desktop mode, it is important to enable touch gesture scrolling. You can achieve this by setting the `enableTextSelection` option to **false**. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +## Print Option Not Available + +The Print option is not available in mobile mode by default. However, if you need to use the print functionality on mobile devices, we recommend enabling the desktop toolbar on mobile using the `enableDesktopMode` API. + +### How to Use Print on Mobile: + +**Enable Desktop Mode:** Set `enableDesktopMode` to true to load the desktop version of the toolbar on your mobile device. + +**Print Option:** Once desktop mode is enabled, the print option will be available, allowing you to print the document directly from your mobile device. + N> In mobile mode, the print functionality will not be available unless desktop mode is enabled. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/primary-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md index be97293e3..4ec6e1c1d 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar-customization/primary-toolbar-customization.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md @@ -1,322 +1,322 @@ ---- -layout: post -title: Primary Toolbar Customization in ASP.NET Core PDF Viewer Component | Syncfusion -description: Learn here all about primary toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Primary Toolbar Customization in PDF Viewer Component - -The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be placed at specific index positions among the existing items. - -## Show or hide the primary toolbar - -Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. In scenarios where a custom toolbar is required, the built-in toolbar can be hidden. Use the [enableToolbar](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableToolbar) property or the [showToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showtoolbar) method to show or hide the primary toolbar. - -Show or hide the toolbar using the `enableToolbar` property: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -The following code snippet explains how to show or hide the toolbar using the `showToolbar` method. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## Show or hide toolbar items - -The PDF Viewer has an option to show or hide these grouped items in the built-in toolbar. - -* Show or hide toolbar items using toolbarSettings: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - -{% endhighlight %} -{% endtabs %} - -* Show or hide toolbar items using showToolbarItem: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - - -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - - -
    - - - -{% endhighlight %} -{% endtabs %} - -## Customize the built-in toolbar - -The PDF Viewer allows you to customize (add, show, hide, enable, and disable) existing items in the toolbar. - -- Add: Define new items using **CustomToolbarItemModel** and include them with existing items via the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Handle clicks in the toolbarClick event. - -- Show/Hide: Show or hide existing items using the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Predefined toolbar items are available via [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems). - -- Enable/Disable: Toolbar items can be enabled or disabled using enableToolbarItem. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@page "{handler?}" -@model IndexModel -@{ - ViewData["Title"] = "Home page"; -} - -
    - - -
    - - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -@page "{handler?}" -@model IndexModel -@using Syncfusion.EJ2.PdfViewer -@using Newtonsoft.Json -@{ - ViewData["Title"] = "Home page"; - CustomToolbarItems customToolbarItems = new CustomToolbarItems(); - var toolItem1 = new { id = "submit_form", text = "Submit Form", tooltipText = "Custom toolbar item", align = "Center", cssClass = "custom_button" }; - customToolbarItems.ToolbarItems = new List { toolItem1, "OpenOption", "PageNavigationTool", "MagnificationTool", "PanTool", "SelectionTool", "SearchOption", "PrintOption", "DownloadOption", "UndoRedoTool", "AnnotationEditTool", "FormDesignerEditTool", "CommentTool" }; - PdfViewerToolbarSettings toolbarSettings = new PdfViewerToolbarSettings() - { - ShowTooltip = true, - ToolbarItems = customToolbarItems.ToolbarItems - }; -} - -
    - - -
    - - - - - - -{% endhighlight %} -{% endtabs %} - -N> Default toolbar items: ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm'] - -### Align property - -The Align property specifies the alignment of a toolbar item 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. - -### Tooltip property - -The Tooltip property sets the tooltip text for a toolbar item. Tooltips provide additional information when a user hovers over the item. - -### CssClass property - -The CssClass property applies custom CSS classes to a toolbar item for custom styling. - -### Prefix property - -The Prefix property sets the CSS class or icon added as a prefix to the existing content of the toolbar item. - -### ID property - -The Id property of a CustomToolbarItemModel uniquely identifies a toolbar item and is required for customization. - -When defining or customizing toolbar items, 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 the Syncfusion 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. - -N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference. - -[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Customize%20existing%20toolbar) +--- +layout: post +title: Primary Toolbar Customization in ASP.NET Core PDF Viewer Component | Syncfusion +description: Learn here all about primary toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Primary Toolbar Customization in PDF Viewer Component + +The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be placed at specific index positions among the existing items. + +## Show or hide the primary toolbar + +Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. In scenarios where a custom toolbar is required, the built-in toolbar can be hidden. Use the [enableToolbar](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableToolbar) property or the [showToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showtoolbar) method to show or hide the primary toolbar. + +Show or hide the toolbar using the `enableToolbar` property: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +The following code snippet explains how to show or hide the toolbar using the `showToolbar` method. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## Show or hide toolbar items + +The PDF Viewer has an option to show or hide these grouped items in the built-in toolbar. + +* Show or hide toolbar items using toolbarSettings: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + +{% endhighlight %} +{% endtabs %} + +* Show or hide toolbar items using showToolbarItem: + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + + +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + + +
    + + + +{% endhighlight %} +{% endtabs %} + +## Customize the built-in toolbar + +The PDF Viewer allows you to customize (add, show, hide, enable, and disable) existing items in the toolbar. + +- Add: Define new items using **CustomToolbarItemModel** and include them with existing items via the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Handle clicks in the toolbarClick event. + +- Show/Hide: Show or hide existing items using the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Predefined toolbar items are available via [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems). + +- Enable/Disable: Toolbar items can be enabled or disabled using enableToolbarItem. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +@page "{handler?}" +@model IndexModel +@{ + ViewData["Title"] = "Home page"; +} + +
    + + +
    + + + +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +@page "{handler?}" +@model IndexModel +@using Syncfusion.EJ2.PdfViewer +@using Newtonsoft.Json +@{ + ViewData["Title"] = "Home page"; + CustomToolbarItems customToolbarItems = new CustomToolbarItems(); + var toolItem1 = new { id = "submit_form", text = "Submit Form", tooltipText = "Custom toolbar item", align = "Center", cssClass = "custom_button" }; + customToolbarItems.ToolbarItems = new List { toolItem1, "OpenOption", "PageNavigationTool", "MagnificationTool", "PanTool", "SelectionTool", "SearchOption", "PrintOption", "DownloadOption", "UndoRedoTool", "AnnotationEditTool", "FormDesignerEditTool", "CommentTool" }; + PdfViewerToolbarSettings toolbarSettings = new PdfViewerToolbarSettings() + { + ShowTooltip = true, + ToolbarItems = customToolbarItems.ToolbarItems + }; +} + +
    + + +
    + + + + + + +{% endhighlight %} +{% endtabs %} + +N> Default toolbar items: ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm'] + +### Align property + +The Align property specifies the alignment of a toolbar item 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. + +### Tooltip property + +The Tooltip property sets the tooltip text for a toolbar item. Tooltips provide additional information when a user hovers over the item. + +### CssClass property + +The CssClass property applies custom CSS classes to a toolbar item for custom styling. + +### Prefix property + +The Prefix property sets the CSS class or icon added as a prefix to the existing content of the toolbar item. + +### ID property + +The Id property of a CustomToolbarItemModel uniquely identifies a toolbar item and is required for customization. + +When defining or customizing toolbar items, 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 the Syncfusion 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. + +N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference. + +[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Customize%20existing%20toolbar) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md index 03790161e..c9f17059f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/bookmark-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md @@ -1,122 +1,122 @@ ---- -layout: post -title: Bookmark Navigation in ASP.NET MVC PDF Viewer control | Syncfusion -description: Learn how to use bookmarks for quick navigation in the Syncfusion ASP.NET MVC PDF Viewer control, enhancing user experience and accessibility. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Bookmark navigation - -The Bookmarks saved in PDF files are loaded and made ready for easy navigation. -You can enable/disable bookmark navigation by using the following code snippet., - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableBookmark(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableBookmark(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -![Alt text](../images/bookmark.png) - -To perform bookmark navigation, you can use the **goToBookmark** method. It's important to note that the **goToBookmark** method will throw an error if the specified bookmark does not exist in the PDF document. - -Here is an example of how to use the **goToBookmark** method: - -{% 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 %} - -x - Specifies the pageIndex for Navigate. - -y - Specifies the Y coordinates value of the Page. - -Also, you can use the **getBookmarks** method to retrieve a list of all the bookmarks in a PDF document. This method returns a List of Bookmark objects, which contain information about each bookmark. - -Here is an example of how to use the getBookmarks method: - -{% 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 %} - -## See also - -* [Toolbar items](../toolbar-customization/) +--- +layout: post +title: Bookmark Navigation in ASP.NET MVC PDF Viewer control | Syncfusion +description: Learn how to use bookmarks for quick navigation in the Syncfusion ASP.NET MVC PDF Viewer control, enhancing user experience and accessibility. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Bookmark navigation + +The Bookmarks saved in PDF files are loaded and made ready for easy navigation. +You can enable/disable bookmark navigation by using the following code snippet., + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableBookmark(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableBookmark(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +![Alt text](../images/bookmark.png) + +To perform bookmark navigation, you can use the **goToBookmark** method. It's important to note that the **goToBookmark** method will throw an error if the specified bookmark does not exist in the PDF document. + +Here is an example of how to use the **goToBookmark** method: + +{% 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 %} + +x - Specifies the pageIndex for Navigate. + +y - Specifies the Y coordinates value of the Page. + +Also, you can use the **getBookmarks** method to retrieve a list of all the bookmarks in a PDF document. This method returns a List of Bookmark objects, which contain information about each bookmark. + +Here is an example of how to use the getBookmarks method: + +{% 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 %} + +## See also + +* [Toolbar items](../toolbar-customization/) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/hyperlink.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/hyperlink-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/hyperlink.md diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md index 1bd36a76a..e1dd32c71 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-thumbnail-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md @@ -1,38 +1,38 @@ ---- -layout: post -title: Thumbnail Navigation in ASP.NET Core PDF Viewer control | Syncfusion -description: Discover how to navigate PDF pages using thumbnails in the Syncfusion ASP.NET MVC PDF Viewer control for a visual and intuitive experience. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET Core -documentation: ug ---- - -# Page Thumbnail navigation - -Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation. -You can enable/disable thumbnail navigation by using the following code snippet., - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableThumbnail(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableThumbnail(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -![Alt text](../images/thumbnail.png) - -## See also - -* [Toolbar items](../toolbar-customization/) +--- +layout: post +title: Thumbnail Navigation in ASP.NET Core PDF Viewer control | Syncfusion +description: Discover how to navigate PDF pages using thumbnails in the Syncfusion ASP.NET MVC PDF Viewer control for a visual and intuitive experience. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET Core +documentation: ug +--- + +# Page Thumbnail navigation + +Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation. +You can enable/disable thumbnail navigation by using the following code snippet., + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableThumbnail(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableThumbnail(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +![Alt text](../images/thumbnail.png) + +## See also + +* [Toolbar items](../toolbar-customization/) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-navigation.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md index e3f752f02..0c4e201c2 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/interactive-pdf-navigation/page-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md @@ -1,126 +1,126 @@ ---- -layout: post -title: Page Navigation in ASP.NET MVC PDF Viewer control | Syncfusion -description: Explore how to navigate pages in the Syncfusion ASP.NET MVC PDF Viewer control using built-in options for seamless document viewing. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Navigation in ASP.NET MVC PDF Viewer control - -The ASP.NET MVC PDF Viewer supports different internal and external navigations. - -## Toolbar page navigation option - -The default toolbar of PDF Viewer contains the following navigation options - -* **Go to page** :- Navigates to the specific page of a PDF document. -* **Show next page** :- Navigates to the next page of PDF a document. -* **Show previous page** :- Navigates to the previous page of a PDF document. -* **Show first page** :- Navigates to the first page of a PDF document. -* **Show last page** :- Navigates to the last page of a PDF document. - -You can enable/disable page navigation option in PDF Viewer using the following code snippet., - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableNavigation(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableNavigation(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -![Alt text](../images/navigation.png) - -Also, you can programmatically perform page navigation options as follows. - -{% 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 %} - -## See also - -* [Toolbar items](../toolbar-customization/) -* [Feature Modules](../feature-module) +--- +layout: post +title: Page Navigation in ASP.NET MVC PDF Viewer control | Syncfusion +description: Explore how to navigate pages in the Syncfusion ASP.NET MVC PDF Viewer control using built-in options for seamless document viewing. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Navigation in ASP.NET MVC PDF Viewer control + +The ASP.NET MVC PDF Viewer supports different internal and external navigations. + +## Toolbar page navigation option + +The default toolbar of PDF Viewer contains the following navigation options + +* **Go to page** :- Navigates to the specific page of a PDF document. +* **Show next page** :- Navigates to the next page of PDF a document. +* **Show previous page** :- Navigates to the previous page of a PDF document. +* **Show first page** :- Navigates to the first page of a PDF document. +* **Show last page** :- Navigates to the last page of a PDF document. + +You can enable/disable page navigation option in PDF Viewer using the following code snippet., + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableNavigation(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableNavigation(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +![Alt text](../images/navigation.png) + +Also, you can programmatically perform page navigation options as follows. + +{% 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 %} + +## See also + +* [Toolbar items](../toolbar-customization/) +* [Feature Modules](../feature-module) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/organize-pdf-events.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md index c80c26ee1..c189fc74b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/organize-pdf-events.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md @@ -1,105 +1,105 @@ ---- -layout: post -title: Organize Pages Events in PDF Viewer | Syncfusion -description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Organize Pages Events in PDF Viewer - -The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. - -## pageOrganizerSaveAs - -The `pageOrganizerSaveAs` event is triggered when a save action is performed in the page organizer. - -- Occurs when the **Save as** button in the page organizer toolbar is clicked after modifying the document structure. - -The event arguments provide the necessary information about the save event: - -- `fileName`: The name of the currently loaded PDF document. -- `downloadDocument`: A base64 string of the modified PDF document data. -- `cancel`: A boolean that, when set to `true`, prevents the default save action from proceeding. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSaveAs("pageOrganizerSaveAs").Render() -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSaveAs("pageOrganizerSaveAs").Render() -
    - - - -{% endhighlight %} -{% endtabs %} - -## pageOrganizerZoomChanged - -The `pageOrganizerZoomChanged` event is triggered when the zoom level of the page organizer is changed. - -- This event is fired when the user interacts with the zoom slider in the page organizer. The `showImageZoomingSlider` property in `pageOrganizerSettings` must be set to `true` for the slider to be visible. - - -Event arguments: - -- `previousZoomValue`: The previous zoom value. -- `currentZoomValue`: The current zoom value. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).PageOrganizerZoomChanged("pageOrganizerZoomChanged").Render() -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).PageOrganizerZoomChanged("pageOrganizerZoomChanged").Render() -
    - - - -{% endhighlight %} -{% endtabs %} - -## Related event documentation - -- Overall Viewer events: [Event](../event) -- Annotation events: [Annotation events](../annotations/annotation-event) -- Form designer events: [Form field events](../form-designer/form-field-events) +--- +layout: post +title: Organize Pages Events in PDF Viewer | Syncfusion +description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Organize Pages Events in PDF Viewer + +The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. + +## pageOrganizerSaveAs + +The `pageOrganizerSaveAs` event is triggered when a save action is performed in the page organizer. + +- Occurs when the **Save as** button in the page organizer toolbar is clicked after modifying the document structure. + +The event arguments provide the necessary information about the save event: + +- `fileName`: The name of the currently loaded PDF document. +- `downloadDocument`: A base64 string of the modified PDF document data. +- `cancel`: A boolean that, when set to `true`, prevents the default save action from proceeding. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSaveAs("pageOrganizerSaveAs").Render() +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSaveAs("pageOrganizerSaveAs").Render() +
    + + + +{% endhighlight %} +{% endtabs %} + +## pageOrganizerZoomChanged + +The `pageOrganizerZoomChanged` event is triggered when the zoom level of the page organizer is changed. + +- This event is fired when the user interacts with the zoom slider in the page organizer. The `showImageZoomingSlider` property in `pageOrganizerSettings` must be set to `true` for the slider to be visible. + + +Event arguments: + +- `previousZoomValue`: The previous zoom value. +- `currentZoomValue`: The current zoom value. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).PageOrganizerZoomChanged("pageOrganizerZoomChanged").Render() +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).PageOrganizerZoomChanged("pageOrganizerZoomChanged").Render() +
    + + + +{% endhighlight %} +{% endtabs %} + +## Related event documentation + +- Overall Viewer events: [Event](../event) +- Annotation events: [Annotation events](../annotations/annotation-event) +- Form designer events: [Form field events](../form-designer/form-field-events) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/organize-page-mobile-view.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md index e8b732c75..2ec2e1c5b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/organize-page-mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md @@ -1,37 +1,37 @@ ---- -layout: post -title: Organize Pages in Mobile PDF Viewer | Syncfusion -description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Organize Pages in Mobile PDF Viewer - -The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. - -## Mobile-Friendly Toolbar - -In the mobile view, the `Organize Pages` toolbar is displayed at the bottom of the screen for easy one-handed access. The toolbar includes the same set of tools as the desktop version, such as insert, delete, and rotate, but with a mobile-optimized layout. - -## Context Menu for Page Operations - -To perform actions on a page thumbnail, tap and hold on the thumbnail to open a context menu. This menu contains all the available page operations: - -* **Rotate Clockwise**: Rotate the selected page 90 degrees clockwise. -* **Rotate Counter-Clockwise**: Rotate the selected page 90 degrees counter-clockwise. -* **Insert Page**: Insert a new page. -* **Copy Page**: Duplicate the selected page. -* **Delete Page**: Remove the selected page. -* **Select All**: Select all pages in the document. - - -![Alt text](../images/Context-Menu-Page-Operations1.png) - -## Rearranging Pages on Mobile - -To rearrange pages, tap and hold a page thumbnail to select it, then drag it to the desired position. A blue line will indicate the drop location. - -By providing a mobile-friendly interface, the PDF Viewer ensures that users can efficiently manage their PDF documents from any device, anywhere. +--- +layout: post +title: Organize Pages in Mobile PDF Viewer | Syncfusion +description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Organize Pages in Mobile PDF Viewer + +The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. + +## Mobile-Friendly Toolbar + +In the mobile view, the `Organize Pages` toolbar is displayed at the bottom of the screen for easy one-handed access. The toolbar includes the same set of tools as the desktop version, such as insert, delete, and rotate, but with a mobile-optimized layout. + +## Context Menu for Page Operations + +To perform actions on a page thumbnail, tap and hold on the thumbnail to open a context menu. This menu contains all the available page operations: + +* **Rotate Clockwise**: Rotate the selected page 90 degrees clockwise. +* **Rotate Counter-Clockwise**: Rotate the selected page 90 degrees counter-clockwise. +* **Insert Page**: Insert a new page. +* **Copy Page**: Duplicate the selected page. +* **Delete Page**: Remove the selected page. +* **Select All**: Select all pages in the document. + + +![Alt text](../images/Context-Menu-Page-Operations1.png) + +## Rearranging Pages on Mobile + +To rearrange pages, tap and hold a page thumbnail to select it, then drag it to the desired position. A blue line will indicate the drop location. + +By providing a mobile-friendly interface, the PDF Viewer ensures that users can efficiently manage their PDF documents from any device, anywhere. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/overview.md new file mode 100644 index 000000000..2f8a73256 --- /dev/null +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/overview.md @@ -0,0 +1,28 @@ +--- +layout: post +title: Organize pages in ASP.NET MVC PDF Viewer | Syncfusion +description: Learn how to reorder, rotate, insert, delete, and save pages with the Syncfusion ASP.NET MVC PDF Viewer component. +platform: document-processing +control: PDF Viewer +documentation: ug +domainurl: ##DomainURL## +--- + +# Organize pages in ASP.NET MVC PDF Viewer + +The ASP.NET MVC PDF Viewer component provides an Organize Pages panel that helps you prepare documents before sharing them. Use it to tidy scanned files, move pages into the right order, and duplicate important content without leaving the viewer. + +To open the Organize Pages panel, load a document, ensure that the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. The document must allow page-level edits; otherwise, the toolbar item is hidden. + +The Organize Pages panel supports the following actions: + +* **Rotate pages**: Fix page orientation in 90-degree increments to correct scanned pages. +* **Rearrange pages**: Drag and drop thumbnails to update the reading order. +* **Insert new pages**: Add blank pages at the required position. +* **Delete pages**: Remove pages that are no longer needed. +* **Copy pages**: Duplicate selected pages to reuse content elsewhere in the document. +* **Import a PDF document**: Merge the current document with pages from another PDF file. +* **Select all pages**: Apply bulk actions, such as rotation or deletion, to every page. +* **Save updates**: Review changes in real time and use **Save** or **Save As** to download the revised document. + +After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support-for-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md index 0b6e479c2..b0b591daa 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support-for-organize-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md @@ -1,150 +1,150 @@ ---- -layout: post -title: Programmatic Support for Organize Pages in ASP.NET MVC PDF Viewer control | Syncfusion -description: Learn here all about Programmatic Support for Organize Pages in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Programmatic Support for Organize Pages in ASP.NET MVC PDF Viewer control - -The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features. - -## Enable or disable the page organizer - -The page organizer feature can be enabled or disabled using the `enablePageOrganizer` property. By default, this feature is enabled. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").EnablePageOrganizer(true).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").EnablePageOrganizer(true).Render() -
    - -{% endhighlight %} -{% endtabs %} - -## Open the page organizer on document load - -You can control whether the page organizer dialog opens automatically when a document is loaded using the `isPageOrganizerOpen` property. The default value is `false`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").IsPageOrganizerOpen(true).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").IsPageOrganizerOpen(true).Render() -
    - -{% endhighlight %} -{% endtabs %} - -## Customize page organizer settings - -The `pageOrganizerSettings` API allows you to customize the page management functionalities. You can enable or disable actions such as deleting, inserting, rotating, copying, importing, and rearranging pages, as well as configure thumbnail zoom settings. By default, all actions are enabled, and standard zoom settings are applied. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).Render() -
    - -{% endhighlight %} -{% endtabs %} - -## Open the page organizer dialog - -The `openPageOrganizer` method programmatically opens the page organizer dialog, providing access to page management tools. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -
    - - - -{% endhighlight %} -{% endtabs %} - -## Close the page organizer dialog - -The `closePageOrganizer` method programmatically closes the page organizer dialog. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -
    - - - -{% endhighlight %} -{% endtabs %} +--- +layout: post +title: Programmatic Support for Organize Pages in ASP.NET MVC PDF Viewer control | Syncfusion +description: Learn here all about Programmatic Support for Organize Pages in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Programmatic Support for Organize Pages in ASP.NET MVC PDF Viewer control + +The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features. + +## Enable or disable the page organizer + +The page organizer feature can be enabled or disabled using the `enablePageOrganizer` property. By default, this feature is enabled. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").EnablePageOrganizer(true).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").EnablePageOrganizer(true).Render() +
    + +{% endhighlight %} +{% endtabs %} + +## Open the page organizer on document load + +You can control whether the page organizer dialog opens automatically when a document is loaded using the `isPageOrganizerOpen` property. The default value is `false`. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").IsPageOrganizerOpen(true).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").IsPageOrganizerOpen(true).Render() +
    + +{% endhighlight %} +{% endtabs %} + +## Customize page organizer settings + +The `pageOrganizerSettings` API allows you to customize the page management functionalities. You can enable or disable actions such as deleting, inserting, rotating, copying, importing, and rearranging pages, as well as configure thumbnail zoom settings. By default, all actions are enabled, and standard zoom settings are applied. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false, CanInsert = false, CanRotate = false, canCopy = false, canRearrange = false, canImport = false, imageZoom = 1, showImageZoomingSlider = true, imageZoomMin = 1, imageZoomMax = 5 }).Render() +
    + +{% endhighlight %} +{% endtabs %} + +## Open the page organizer dialog + +The `openPageOrganizer` method programmatically opens the page organizer dialog, providing access to page management tools. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() +
    + + + +{% endhighlight %} +{% endtabs %} + +## Close the page organizer dialog + +The `closePageOrganizer` method programmatically closes the page organizer dialog. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() +
    + + + +{% endhighlight %} +{% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/toolbar-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/toolbar.md index 4b9a7c189..4aa0cf93a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/toolbar-organize-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/toolbar.md @@ -1,88 +1,88 @@ ---- -layout: post -title: Organize Page Toolbar Customization in ASP.NET MVC PDF Viewer control | Syncfusion -description: Learn here all about Organize Page Toolbar Customization in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Organize Page Toolbar Customization in ASP.NET MVC PDF Viewer control - -The PDF Viewer allows you to customize the toolbar for the organize pages feature, enabling you to show or hide specific tools based on your application's requirements. The `pageOrganizerSettings` API provides properties to control the visibility of each tool in the organize pages dialog. - -## Show or hide the insert option - -The `canInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanInsert = false }).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanInsert = false }).Render() -
    - -{% endhighlight %} -{% endtabs %} - -## Show or hide the delete option - -The `canDelete` property controls the visibility of the delete tool. When set to `false`, the delete tool will be hidden. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false }).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false }).Render() -
    - -{% endhighlight %} -{% endtabs %} - -## Show or hide the rotate option - -The `canRotate` property controls the visibility of the rotate tool. When set to `false`, the rotate tool will be hidden. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanRotate = false }).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanRotate = false }).Render() -
    - -{% endhighlight %} -{% endtabs %} - -## Show or hide the copy option - -The `canCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden. - -## Show or hide the import option - -The `canImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden. - -## Show or hide the rearrange option - -The `canRearrange` property controls the ability to rearrange pages. When set to `false`, pages cannot be rearranged. +--- +layout: post +title: Organize Page Toolbar Customization in ASP.NET MVC PDF Viewer control | Syncfusion +description: Learn here all about Organize Page Toolbar Customization in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Organize Page Toolbar Customization in ASP.NET MVC PDF Viewer control + +The PDF Viewer allows you to customize the toolbar for the organize pages feature, enabling you to show or hide specific tools based on your application's requirements. The `pageOrganizerSettings` API provides properties to control the visibility of each tool in the organize pages dialog. + +## Show or hide the insert option + +The `canInsert` property controls the visibility of the insert tool. When set to `false`, the insert tool will be hidden from the toolbar. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanInsert = false }).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanInsert = false }).Render() +
    + +{% endhighlight %} +{% endtabs %} + +## Show or hide the delete option + +The `canDelete` property controls the visibility of the delete tool. When set to `false`, the delete tool will be hidden. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false }).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanDelete = false }).Render() +
    + +{% endhighlight %} +{% endtabs %} + +## Show or hide the rotate option + +The `canRotate` property controls the visibility of the rotate tool. When set to `false`, the rotate tool will be hidden. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanRotate = false }).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new { CanRotate = false }).Render() +
    + +{% endhighlight %} +{% endtabs %} + +## Show or hide the copy option + +The `canCopy` property controls the visibility of the copy tool. When set to `false`, the copy tool will be hidden. + +## Show or hide the import option + +The `canImport` property controls the visibility of the import tool. When set to `false`, the import tool will be hidden. + +## Show or hide the rearrange option + +The `canRearrange` property controls the ability to rearrange pages. When set to `false`, pages cannot be rearranged. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md index 184fd7ea5..215ed9851 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions-organize-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md @@ -1,97 +1,97 @@ ---- -layout: post -title: UI Interactions for Organizing Pages in ASP.NET MVC PDF Viewer | Syncfusion -description: Learn about the UI interactions for organizing pages in the Syncfusion ASP.NET MVC PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# UI Interactions for Organizing Pages in ASP.NET MVC PDF Viewer - -The PDF Viewer provides an intuitive user interface for managing and organizing pages within a PDF document. This section covers the various UI interactions available in the `Organize Pages` dialog. - - - -## Rotating PDF pages - -You can adjust the orientation of pages to ensure proper alignment. The rotate icon in the Organize Pages dialog provides the following options: - -* **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise. -* **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise. - -![Alt text](../images/rotate-rearrange.gif) - -## Rearranging PDF pages - -Easily change the sequence of pages using the drag-and-drop method: - -* **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages. - -![Alt text](../images/rotate-rearrange.gif) - -## Inserting new pages - -Effortlessly add blank pages to your document with the following options: - -* **Insert blank page left**: Insert a blank page to the left of the selected page. -* **Insert blank page right**: Insert a blank page to the right of the selected page. - -![Alt text](../images/insert-delete-copy.gif) - -## Deleting PDF pages - -Remove unwanted pages from your document with these steps: - -1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once. -2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document. - -![Alt text](../images/insert-delete-copy.gif) - -## Copying PDF pages - -Duplicate pages within your PDF document effortlessly: - -* **Select pages to copy**: Click on the page thumbnails you wish to duplicate. -* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages. - -![Alt text](../images/insert-delete-copy.gif) - -## Importing a PDF document - -Seamlessly import another PDF document into your current document: - -* **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document will be inserted as a thumbnail. If a page is selected, the thumbnail will be added to its right. If no pages are selected, it will be added as the first page. The imported PDF will be merged with the current document upon saving. - -![Alt text](../images/import.gif) - -## Selecting all pages - -Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once. - -![Alt text](../images/selectall.png) - -## Zooming page thumbnails - -Adjust the size of page thumbnails for better visibility and precision: - -* Use the zoom slider to increase or decrease the thumbnail size. -* Zoom in to see more detail on each page. -* Zoom out to view more pages at once. - -![Alt text](../images/zoomOrganize.png) - -## Real-time updates and saving - -All changes are reflected instantly in the Organize Pages dialog. Click the **Save** button to apply the modifications to the document. Use the **Save As** feature to download a new version of the PDF with your changes. - -## Keyboard shortcuts - -The following keyboard shortcuts are available in the Organize Pages dialog: - -* **Ctrl+Z**: Undo the last action. -* **Ctrl+Y**: Redo the last undone action. -* **Ctrl+Scroll**: Zoom in and out on page thumbnails for better visibility. - -![Alt text](../images/undo-redo.png) +--- +layout: post +title: UI Interactions for Organizing Pages in ASP.NET MVC PDF Viewer | Syncfusion +description: Learn about the UI interactions for organizing pages in the Syncfusion ASP.NET MVC PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# UI Interactions for Organizing Pages in ASP.NET MVC PDF Viewer + +The PDF Viewer provides an intuitive user interface for managing and organizing pages within a PDF document. This section covers the various UI interactions available in the `Organize Pages` dialog. + + + +## Rotating PDF pages + +You can adjust the orientation of pages to ensure proper alignment. The rotate icon in the Organize Pages dialog provides the following options: + +* **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise. +* **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise. + +![Alt text](../images/rotate-rearrange.gif) + +## Rearranging PDF pages + +Easily change the sequence of pages using the drag-and-drop method: + +* **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages. + +![Alt text](../images/rotate-rearrange.gif) + +## Inserting new pages + +Effortlessly add blank pages to your document with the following options: + +* **Insert blank page left**: Insert a blank page to the left of the selected page. +* **Insert blank page right**: Insert a blank page to the right of the selected page. + +![Alt text](../images/insert-delete-copy.gif) + +## Deleting PDF pages + +Remove unwanted pages from your document with these steps: + +1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once. +2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document. + +![Alt text](../images/insert-delete-copy.gif) + +## Copying PDF pages + +Duplicate pages within your PDF document effortlessly: + +* **Select pages to copy**: Click on the page thumbnails you wish to duplicate. +* **Copy selected pages**: Use the copy option to create duplicates. The copied pages will be added to the right of the selected pages. + +![Alt text](../images/insert-delete-copy.gif) + +## Importing a PDF document + +Seamlessly import another PDF document into your current document: + +* **Import PDF document**: Click the **Import Document** button to select and import a PDF. The imported document will be inserted as a thumbnail. If a page is selected, the thumbnail will be added to its right. If no pages are selected, it will be added as the first page. The imported PDF will be merged with the current document upon saving. + +![Alt text](../images/import.gif) + +## Selecting all pages + +Select all pages simultaneously to perform bulk operations, such as rotating or deleting all pages at once. + +![Alt text](../images/selectall.png) + +## Zooming page thumbnails + +Adjust the size of page thumbnails for better visibility and precision: + +* Use the zoom slider to increase or decrease the thumbnail size. +* Zoom in to see more detail on each page. +* Zoom out to view more pages at once. + +![Alt text](../images/zoomOrganize.png) + +## Real-time updates and saving + +All changes are reflected instantly in the Organize Pages dialog. Click the **Save** button to apply the modifications to the document. Use the **Save As** feature to download a new version of the PDF with your changes. + +## Keyboard shortcuts + +The following keyboard shortcuts are available in the Organize Pages dialog: + +* **Ctrl+Z**: Undo the last action. +* **Ctrl+Y**: Redo the last undone action. +* **Ctrl+Scroll**: Zoom in and out on page thumbnails for better visibility. + +![Alt text](../images/undo-redo.png) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md index 2c8ca20f8..1f40e9af6 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/annotation-toolbar-customization.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md @@ -1,82 +1,82 @@ ---- -layout: post -title: Annotation Toolbar Customization in ASP.NET MVC PDF Viewer control | Syncfusion -description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: Annotation Toolbar Customization -publishingplatform: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Annotation Toolbar Customization - -The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. - -## Show or hide the annotation toolbar - -Show or hide the annotation toolbar programmatically during initialization or at runtime. - -Use the [EnableAnnotationToolbar](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableAnnotationToolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showannotationtoolbar) method to toggle visibility. - -The following code snippet explains how to show or hide the annotation toolbar using the `showAnnotationToolbar` method. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -
    - - - -{% endhighlight %} -{% endtabs %} - -## How to customize the annotation toolbar - -Choose which tools appear and control their order in the annotation toolbar. - -Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems/) 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 PdfViewer 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`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, AnnotationToolbarItems = "HighlightTool UnderlineTool StrikethroughTool ColorEditTool OpacityEditTool AnnotationDeleteTool StampAnnotationTool HandWrittenSignatureTool InkAnnotationTool ShapeTool CalibrateTool StrokeColorEditTool ThicknessEditTool" }).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, AnnotationToolbarItems = "HighlightTool UnderlineTool StrikethroughTool ColorEditTool OpacityEditTool AnnotationDeleteTool StampAnnotationTool HandWrittenSignatureTool InkAnnotationTool ShapeTool CalibrateTool StrokeColorEditTool ThicknessEditTool" }).Render() -
    - -{% endhighlight %} -{% endtabs %} +--- +layout: post +title: Annotation Toolbar Customization in ASP.NET MVC PDF Viewer control | Syncfusion +description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: Annotation Toolbar Customization +publishingplatform: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Annotation Toolbar Customization + +The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. + +## Show or hide the annotation toolbar + +Show or hide the annotation toolbar programmatically during initialization or at runtime. + +Use the [EnableAnnotationToolbar](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableAnnotationToolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showannotationtoolbar) method to toggle visibility. + +The following code snippet explains how to show or hide the annotation toolbar using the `showAnnotationToolbar` method. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() +
    + + + +{% endhighlight %} +{% endtabs %} + +## How to customize the annotation toolbar + +Choose which tools appear and control their order in the annotation toolbar. + +Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems/) 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 PdfViewer 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`. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, AnnotationToolbarItems = "HighlightTool UnderlineTool StrikethroughTool ColorEditTool OpacityEditTool AnnotationDeleteTool StampAnnotationTool HandWrittenSignatureTool InkAnnotationTool ShapeTool CalibrateTool StrokeColorEditTool ThicknessEditTool" }).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, AnnotationToolbarItems = "HighlightTool UnderlineTool StrikethroughTool ColorEditTool OpacityEditTool AnnotationDeleteTool StampAnnotationTool HandWrittenSignatureTool InkAnnotationTool ShapeTool CalibrateTool StrokeColorEditTool ThicknessEditTool" }).Render() +
    + +{% endhighlight %} +{% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md index c61d98be4..5085e1ec3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md @@ -1,324 +1,324 @@ ---- -layout: post -title: Custom Toolbar in ASP.NET MVC PDF Viewer Component | Syncfusion -description: Learn here all about custom toolbar in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Custom toolbar - -The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer: - -**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Add an EJ2 Toolbar to perform primary actions like Open, Previous page, Next page, Go to page, Print, and Download using the following code snippet: - -```html -@using Syncfusion.EJ2.Navigations; - -@Html.EJS().Toolbar("topToolbar").Height("56px").Items(new List { -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-open-document-icon",TooltipText = "Open",Align=ItemAlign.Left,Click="openFile"}, -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-previous-page-navigation-icon",TooltipText = "Previous Page",Align=ItemAlign.Center,Click="previousClicked",Id="previousPage"}, -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-next-page-navigation-icon", TooltipText = "Next Page",Align=ItemAlign.Center,Click="nextClicked",Id="nextPage"}, -new ToolbarItem {Template="
    " ,PrefixIcon = "e-pv-next-page-navigation-icon", TooltipText = "Page Number",Align=ItemAlign.Center}, -new ToolbarItem { Type = ItemType.Input, Template="
    of 0
    " , PrefixIcon = "e-pv-next-page-navigation-icon", TooltipText = "Page Number",Click="currentPageClicked",Align=ItemAlign.Center}, -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-print-document-icon" ,TooltipText = "Print",Align=ItemAlign.Right,Click="printClicked"}, -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-download-document-icon" ,TooltipText = "Download",Align=ItemAlign.Right,Click="downloadClicked"}, -}).Render() - -``` - -**Step 3:** Add an EJ2 Toolbar to perform magnification actions in the PDF Viewer using the following code snippet: - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```html -@Html.EJS().PdfViewer("pdfviewer") -.EnableToolbar(false).EnableThumbnail(false) -.DocumentLoad("documentLoaded").PageChange("pageChanged") -.DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```html -@Html.EJS().PdfViewer("pdfviewer") -.ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")) -.EnableToolbar(false).EnableThumbnail(false) -.DocumentLoad("documentLoaded").PageChange("pageChanged") -.DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -``` -{% endhighlight %} -{% endtabs %} - -**Step 4:** Add the following styles to achieve the custom toolbar styling: - -```html - -@Html.EJS().Toolbar("magnificationToolbar").Items(new List { -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-fit-page", TooltipText = "Fit to page",Click="pageFitClicked"}, -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-zoom-in-icon",TooltipText = "Zoom in",Click="zoomInClicked" }, -new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-zoom-out-icon", TooltipText = "Zoom out",Click="zoomOutClicked"}, -}).Render() - -``` - -**Step 5:** Add the following style to achieve the custom toolbar styling, - -```html - -``` - -N> The icons are embedded in the font file used in the previous code snippet. - -**Step 5:** Add the following scripts to perform user interactions in the PDF Viewer: - -```html - - -``` - -[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Create%20Custom%20Toolbar) +--- +layout: post +title: Custom Toolbar in ASP.NET MVC PDF Viewer Component | Syncfusion +description: Learn here all about custom toolbar in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Custom toolbar + +The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer: + +**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started/) to create simple PDF Viewer sample. + +**Step 2:** Add an EJ2 Toolbar to perform primary actions like Open, Previous page, Next page, Go to page, Print, and Download using the following code snippet: + +```html +@using Syncfusion.EJ2.Navigations; + +@Html.EJS().Toolbar("topToolbar").Height("56px").Items(new List { +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-open-document-icon",TooltipText = "Open",Align=ItemAlign.Left,Click="openFile"}, +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-previous-page-navigation-icon",TooltipText = "Previous Page",Align=ItemAlign.Center,Click="previousClicked",Id="previousPage"}, +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-next-page-navigation-icon", TooltipText = "Next Page",Align=ItemAlign.Center,Click="nextClicked",Id="nextPage"}, +new ToolbarItem {Template="
    " ,PrefixIcon = "e-pv-next-page-navigation-icon", TooltipText = "Page Number",Align=ItemAlign.Center}, +new ToolbarItem { Type = ItemType.Input, Template="
    of 0
    " , PrefixIcon = "e-pv-next-page-navigation-icon", TooltipText = "Page Number",Click="currentPageClicked",Align=ItemAlign.Center}, +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-print-document-icon" ,TooltipText = "Print",Align=ItemAlign.Right,Click="printClicked"}, +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-download-document-icon" ,TooltipText = "Download",Align=ItemAlign.Right,Click="downloadClicked"}, +}).Render() + +``` + +**Step 3:** Add an EJ2 Toolbar to perform magnification actions in the PDF Viewer using the following code snippet: + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +```html +@Html.EJS().PdfViewer("pdfviewer") +.EnableToolbar(false).EnableThumbnail(false) +.DocumentLoad("documentLoaded").PageChange("pageChanged") +.DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +```html +@Html.EJS().PdfViewer("pdfviewer") +.ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")) +.EnableToolbar(false).EnableThumbnail(false) +.DocumentLoad("documentLoaded").PageChange("pageChanged") +.DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +``` +{% endhighlight %} +{% endtabs %} + +**Step 4:** Add the following styles to achieve the custom toolbar styling: + +```html + +@Html.EJS().Toolbar("magnificationToolbar").Items(new List { +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-fit-page", TooltipText = "Fit to page",Click="pageFitClicked"}, +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-zoom-in-icon",TooltipText = "Zoom in",Click="zoomInClicked" }, +new ToolbarItem { Type = ItemType.Button, PrefixIcon = "e-pv-zoom-out-icon", TooltipText = "Zoom out",Click="zoomOutClicked"}, +}).Render() + +``` + +**Step 5:** Add the following style to achieve the custom toolbar styling, + +```html + +``` + +N> The icons are embedded in the font file used in the previous code snippet. + +**Step 5:** Add the following scripts to perform user interactions in the PDF Viewer: + +```html + + +``` + +[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to/Create%20Custom%20Toolbar) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md similarity index 98% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/form-designer-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md index c48b916d3..d432ecece 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/form-designer-toolbar-customization.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md @@ -1,63 +1,63 @@ ---- -layout: post -title: Form Designer Toolbar Customization in ASP.NET MVC PDF Viewer Component | Syncfusion -description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Form Designer Toolbar Customization - -The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. - -## Show or hide the form designer toolbar - -Show or hide the form designer toolbar programmatically during initialization or at runtime. - -Use the [EnableFormDesigner](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormDesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method to toggle visibility. - -The following code snippet explains how to show or hide the toolbar using the `EnableFormDesigner` property. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableFormDesigner(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableFormDesigner(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -## How to customize the form designer toolbar - -Choose which tools appear and control their order in the form designer toolbar. - -Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems/) 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`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, FormDesignerToolbarItems = "TextboxTool PasswordTool CheckBoxTool RadioButtonTool DropdownTool ListboxTool DrawSignatureTool DeleteTool" }).Render() -
    - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, FormDesignerToolbarItems = "TextboxTool PasswordTool CheckBoxTool RadioButtonTool DropdownTool ListboxTool DrawSignatureTool DeleteTool" }).Render() -
    - -{% endhighlight %} +--- +layout: post +title: Form Designer Toolbar Customization in ASP.NET MVC PDF Viewer Component | Syncfusion +description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Form Designer Toolbar Customization + +The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. + +## Show or hide the form designer toolbar + +Show or hide the form designer toolbar programmatically during initialization or at runtime. + +Use the [EnableFormDesigner](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableFormDesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method to toggle visibility. + +The following code snippet explains how to show or hide the toolbar using the `EnableFormDesigner` property. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableFormDesigner(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableFormDesigner(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +## How to customize the form designer toolbar + +Choose which tools appear and control their order in the form designer toolbar. + +Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems/) 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`. + +{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, FormDesignerToolbarItems = "TextboxTool PasswordTool CheckBoxTool RadioButtonTool DropdownTool ListboxTool DrawSignatureTool DeleteTool" }).Render() +
    + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, FormDesignerToolbarItems = "TextboxTool PasswordTool CheckBoxTool RadioButtonTool DropdownTool ListboxTool DrawSignatureTool DeleteTool" }).Render() +
    + +{% endhighlight %} {% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/mobile-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md index 8d090fa7a..a7e77ed68 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md @@ -1,107 +1,107 @@ ---- -layout: post -title: Mobile Toolbar Interface in ASP.NET MVC PDF Viewer control | Syncfusion -description: Learn All About the Mobile Toolbar Interface in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- -# Mobile Toolbar Interface in ASP.NET MVC PDF Viewer control - -The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes essential tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions. - -## Mobile Mode Toolbar Configuration -In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode: - -![Mobile toolbar with primary PDF interaction options](../images/mobileToolbar.png) - -### Main Toolbar Options: - -**OpenOption:** Tap to load a PDF document. - -**SearchOption:** Access the search bar to find text within the document. - -![Search bar displayed for finding text within a PDF](../images/searchOption.png) - -**UndoRedoTool:** Quickly undo or redo any annotations made. - -**OrganizePagesTool:** Enable or disable page organization features to modify document pages. - -![Page organization interface for modifying PDF pages](../images/organizePages.png) - -**AnnotationEditTool:** Activate or deactivate annotation editing to add or modify annotations. - -![Annotation editing toolbar allowing users to add, edit, or delete annotations on a PDF](../images/editAnnotation.png) - - -N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer. - -### More Options Menu: -When you open the "more options" menu, you will see additional actions such as: - -**DownloadOption:** Tap to download the currently opened PDF document. - -**BookmarkOption:** Allows you to view bookmarks within the document. - -![More options menu showing additional actions like download and bookmark](../images/more-options.png) - -## Enabling Desktop Mode in Mobile - -The desktop version of the toolbar can be enabled on mobile devices by using the `EnableDesktopMode` API. This API allows you to bring desktop-like features to the mobile PDF viewer, providing access to additional toolbar actions that are typically available on desktop platforms. - -### Steps to Enable Desktop Mode: - -**Step 1:** Set `EnableDesktopMode` to true in the API configuration. - -**Step 2:** This will replace the mobile toolbar with the desktop toolbar layout, allowing access to more actions and controls. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableDesktopMode(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDesktopMode(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -## Enable Scrolling in Desktop Mode with Touch Gestures - -To ensure smooth scrolling of PDF documents on a mobile device in desktop mode, it is important to enable touch gesture scrolling. You can achieve this by setting the `EnableTextSelection` option to **false**. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableTextSelection(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableTextSelection(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -## Print Option Not Available - -The Print option is not available in mobile mode by default. However, if you need to use the print functionality on mobile devices, we recommend enabling the desktop toolbar on mobile using the `EnableDesktopMode` API. - -### How to Use Print on Mobile: - -**Enable Desktop Mode:** Set `EnableDesktopMode` to true to load the desktop version of the toolbar on your mobile device. - -**Print Option:** Once desktop mode is enabled, the print option will be available, allowing you to print the document directly from your mobile device. - +--- +layout: post +title: Mobile Toolbar Interface in ASP.NET MVC PDF Viewer control | Syncfusion +description: Learn All About the Mobile Toolbar Interface in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- +# Mobile Toolbar Interface in ASP.NET MVC PDF Viewer control + +The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes essential tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions. + +## Mobile Mode Toolbar Configuration +In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode: + +![Mobile toolbar with primary PDF interaction options](../images/mobileToolbar.png) + +### Main Toolbar Options: + +**OpenOption:** Tap to load a PDF document. + +**SearchOption:** Access the search bar to find text within the document. + +![Search bar displayed for finding text within a PDF](../images/searchOption.png) + +**UndoRedoTool:** Quickly undo or redo any annotations made. + +**OrganizePagesTool:** Enable or disable page organization features to modify document pages. + +![Page organization interface for modifying PDF pages](../images/organizePages.png) + +**AnnotationEditTool:** Activate or deactivate annotation editing to add or modify annotations. + +![Annotation editing toolbar allowing users to add, edit, or delete annotations on a PDF](../images/editAnnotation.png) + + +N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer. + +### More Options Menu: +When you open the "more options" menu, you will see additional actions such as: + +**DownloadOption:** Tap to download the currently opened PDF document. + +**BookmarkOption:** Allows you to view bookmarks within the document. + +![More options menu showing additional actions like download and bookmark](../images/more-options.png) + +## Enabling Desktop Mode in Mobile + +The desktop version of the toolbar can be enabled on mobile devices by using the `EnableDesktopMode` API. This API allows you to bring desktop-like features to the mobile PDF viewer, providing access to additional toolbar actions that are typically available on desktop platforms. + +### Steps to Enable Desktop Mode: + +**Step 1:** Set `EnableDesktopMode` to true in the API configuration. + +**Step 2:** This will replace the mobile toolbar with the desktop toolbar layout, allowing access to more actions and controls. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableDesktopMode(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDesktopMode(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +## Enable Scrolling in Desktop Mode with Touch Gestures + +To ensure smooth scrolling of PDF documents on a mobile device in desktop mode, it is important to enable touch gesture scrolling. You can achieve this by setting the `EnableTextSelection` option to **false**. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableTextSelection(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableTextSelection(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +## Print Option Not Available + +The Print option is not available in mobile mode by default. However, if you need to use the print functionality on mobile devices, we recommend enabling the desktop toolbar on mobile using the `EnableDesktopMode` API. + +### How to Use Print on Mobile: + +**Enable Desktop Mode:** Set `EnableDesktopMode` to true to load the desktop version of the toolbar on your mobile device. + +**Print Option:** Once desktop mode is enabled, the print option will be available, allowing you to print the document directly from your mobile device. + N> In mobile mode, the print functionality will not be available unless desktop mode is enabled. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/primary-toolbar.md similarity index 97% rename from Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/primary-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/primary-toolbar.md index e5b09f955..8e94b9c1f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar-customization/primary-toolbar-customization.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/primary-toolbar.md @@ -1,288 +1,288 @@ ---- -layout: post -title: Primary Toolbar Customization in ASP.NET MVC PDF Viewer Component | Syncfusion -description: Learn here all about primary toolbar customization in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: PDF Viewer -publishingplatform: ASP.NET MVC -documentation: ug ---- - -# Primary Toolbar Customization in PDF Viewer Component - -The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be placed at specific index positions among the existing items. - -## Show or hide the primary toolbar - -Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. In scenarios where a custom toolbar is required, the built-in toolbar can be hidden. Use the [EnableToolbar](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableToolbar) property or the [showToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showtoolbar) method to show or hide the primary toolbar. - -Show or hide the toolbar using the `enableToolbar` property: - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").EnableToolbar(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableToolbar(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` -{% endhighlight %} -{% endtabs %} - -The following code snippet explains how to show or hide the toolbar using the `showToolbar` method. - -{{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").DocumentLoad("showToolbar").Render() -
    - - - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").DocumentLoad("showToolbar").Render() -
    - - - -{% endhighlight %} -{% endtabs %} - -## Show or hide toolbar items - -The PDF Viewer has an option to show or hide these grouped items in the built-in toolbar. - -* Show or hide toolbar items using toolbarSettings: - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, ToolbarItems = "OpenOption" }).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings{ ShowTooltip = true, ToolbarItem = "OpenOption" ).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    -``` - -{% endhighlight %} -{% endtabs %} - -* Show or hide toolbar items using showToolbarItem: - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    - - -``` - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -
    - -``` - -{% endhighlight %} -{% endtabs %} - -## Customize the built-in toolbar - -The PDF Viewer allows you to customize (add, show, hide, enable, and disable) existing items in the toolbar. - -- Add: Define new items using **CustomToolbarItemModel** and include them with existing items via the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Handle clicks in the toolbarClick event. - -- Show/Hide: Show or hide existing items using the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Predefined toolbar items are available via [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems). - -- Enable/Disable: Toolbar items can be enabled or disabled using enableToolbarItem. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -
    -
    -

    - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib").ToolbarClick("toolbarClick").Render() -
    -
    - - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -@{ - ViewBag.Title = "Home Page"; -} -@using Syncfusion.EJ2.PdfViewer -@using ToolbarCustomization.Controllers -@{ - var toolItem1 = new { id = "submit_form", text = "Submit Form", tooltipText = "Custom toolbar item", align = "Center", cssClass = "custom_button" }; - CustomToolbarItems customToolbarItems = new CustomToolbarItems(); - customToolbarItems.ToolbarItems = new List { toolItem1, "OpenOption", "PageNavigationTool", "MagnificationTool", "PanTool", "SelectionTool", "SearchOption", "PrintOption", "DownloadOption", "UndoRedoTool", "AnnotationEditTool", "FormDesignerEditTool", "CommentTool" }; - PdfViewerToolbarSettings toolbarSettings = new PdfViewerToolbarSettings() - { - ShowTooltip = true, - ToolbarItems = customToolbarItems.ToolbarItems - }; -} -
    -
    -

    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").ToolbarClick("toolbarClick").ToolbarSettings(toolbarSettings).Render() -
    -
    - - - - -{% endhighlight %} -{% endtabs %} - -N> Default toolbar items: ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm'] - -### Align property - -The Align property specifies the alignment of a toolbar item 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. - -### Tooltip property - -The Tooltip property sets the tooltip text for a toolbar item. Tooltips provide additional information when a user hovers over the item. - -### CssClass property - -The CssClass property applies custom CSS classes to a toolbar item for custom styling. - -### Prefix property - -The Prefix property sets the CSS class or icon added as a prefix to the existing content of the toolbar item. - -### ID property - -The Id property of a CustomToolbarItemModel uniquely identifies a toolbar item and is required for customization. - -When defining or customizing toolbar items, 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 the Syncfusion 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. - -N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Customize%20existing%20toolbar) +--- +layout: post +title: Primary Toolbar Customization in ASP.NET MVC PDF Viewer Component | Syncfusion +description: Learn here all about primary toolbar customization in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. +platform: document-processing +control: PDF Viewer +publishingplatform: ASP.NET MVC +documentation: ug +--- + +# Primary Toolbar Customization in PDF Viewer Component + +The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be placed at specific index positions among the existing items. + +## Show or hide the primary toolbar + +Toggle the built-in primary toolbar to create custom toolbar experiences or simplify the UI. In scenarios where a custom toolbar is required, the built-in toolbar can be hidden. Use the [EnableToolbar](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_EnableToolbar) property or the [showToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showtoolbar) method to show or hide the primary toolbar. + +Show or hide the toolbar using the `enableToolbar` property: + +{% tabs %} +{% highlight html tabtitle="Standalone" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").EnableToolbar(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} +```html +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableToolbar(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` +{% endhighlight %} +{% endtabs %} + +The following code snippet explains how to show or hide the toolbar using the `showToolbar` method. + +{{% tabs %} +{% highlight cshtml tabtitle="Standalone" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").DocumentLoad("showToolbar").Render() +
    + + + +{% endhighlight %} +{% highlight cshtml tabtitle="Server-Backed" %} + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").DocumentLoad("showToolbar").Render() +
    + + + +{% endhighlight %} +{% endtabs %} + +## Show or hide toolbar items + +The PDF Viewer has an option to show or hide these grouped items in the built-in toolbar. + +* Show or hide toolbar items using toolbarSettings: + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +```html + +
    + @Html.EJS().PdfViewer("pdfviewer").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, ToolbarItems = "OpenOption" }).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` + +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +```html + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings{ ShowTooltip = true, ToolbarItem = "OpenOption" ).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    +``` + +{% endhighlight %} +{% endtabs %} + +* Show or hide toolbar items using showToolbarItem: + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +```html + +
    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    + + +``` + +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +```html + +
    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() +
    + +``` + +{% endhighlight %} +{% endtabs %} + +## Customize the built-in toolbar + +The PDF Viewer allows you to customize (add, show, hide, enable, and disable) existing items in the toolbar. + +- Add: Define new items using **CustomToolbarItemModel** and include them with existing items via the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Handle clicks in the toolbarClick event. + +- Show/Hide: Show or hide existing items using the [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Predefined toolbar items are available via [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems). + +- Enable/Disable: Toolbar items can be enabled or disabled using enableToolbarItem. + +{% tabs %} +{% highlight html tabtitle="Standalone" %} + +@using Syncfusion.EJ2 +@{ + ViewBag.Title = "Home Page"; +} + +
    +
    +

    + @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib").ToolbarClick("toolbarClick").Render() +
    +
    + + + +{% endhighlight %} +{% highlight html tabtitle="Server-Backed" %} + +@{ + ViewBag.Title = "Home Page"; +} +@using Syncfusion.EJ2.PdfViewer +@using ToolbarCustomization.Controllers +@{ + var toolItem1 = new { id = "submit_form", text = "Submit Form", tooltipText = "Custom toolbar item", align = "Center", cssClass = "custom_button" }; + CustomToolbarItems customToolbarItems = new CustomToolbarItems(); + customToolbarItems.ToolbarItems = new List { toolItem1, "OpenOption", "PageNavigationTool", "MagnificationTool", "PanTool", "SelectionTool", "SearchOption", "PrintOption", "DownloadOption", "UndoRedoTool", "AnnotationEditTool", "FormDesignerEditTool", "CommentTool" }; + PdfViewerToolbarSettings toolbarSettings = new PdfViewerToolbarSettings() + { + ShowTooltip = true, + ToolbarItems = customToolbarItems.ToolbarItems + }; +} +
    +
    +

    + @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").ToolbarClick("toolbarClick").ToolbarSettings(toolbarSettings).Render() +
    +
    + + + + +{% endhighlight %} +{% endtabs %} + +N> Default toolbar items: ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm'] + +### Align property + +The Align property specifies the alignment of a toolbar item 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. + +### Tooltip property + +The Tooltip property sets the tooltip text for a toolbar item. Tooltips provide additional information when a user hovers over the item. + +### CssClass property + +The CssClass property applies custom CSS classes to a toolbar item for custom styling. + +### Prefix property + +The Prefix property sets the CSS class or icon added as a prefix to the existing content of the toolbar item. + +### ID property + +The Id property of a CustomToolbarItemModel uniquely identifies a toolbar item and is required for customization. + +When defining or customizing toolbar items, 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 the Syncfusion 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. + +N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference. + +[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Customize%20existing%20toolbar) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/bookmark.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/bookmark.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/hyperlink.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/hyperlink-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/hyperlink.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/page-thumbnail.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/page-thumbnail.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/page.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/page.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/events.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-pdf-events.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/events.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/mobile-view.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/organize-page-mobile-view.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/mobile-view.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/overview.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf-overview.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/overview.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/programmatic-support.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/programmatic-support-for-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/programmatic-support.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/toolbar-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/ui-interactions.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/annotation-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/annotation-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/custom-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/custom-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/custom-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/form-designer-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/form-designer-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/mobile-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/mobile-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/mobile-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/primary-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/primary-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/bookmark.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/bookmark.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/hyperlink.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/hyperlink-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/hyperlink.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/page-thumbnail.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/page-thumbnail.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/page.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/page.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/events.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/events.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/mobile-view.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-page-mobile-view.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/mobile-view.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/overview.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf-overview.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/overview.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/programmatic-support.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/programmatic-support-for-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/programmatic-support.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/toolbar-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/ui-interactions.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/annotation-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/annotation-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/annotation-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/custom-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/custom-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/custom-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/form-designer-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/form-designer-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/form-designer-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/mobile-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/mobile-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/mobile-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/primary-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar-customization/primary-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/primary-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/events.md b/Document-Processing/PDF/PDF-Viewer/react/events.md index d6fece65f..a50101a04 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/events.md +++ b/Document-Processing/PDF/PDF-Viewer/react/events.md @@ -76,7 +76,8 @@ The [bookmarkClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -101,7 +102,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## toolbarClick @@ -111,7 +114,8 @@ The [toolbarClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/ Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -136,7 +140,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## validateFormFields @@ -154,7 +160,9 @@ When it triggers Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -183,7 +191,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} Tip - To require a field programmatically, set isRequired: true when creating or editing the field via Form Designer APIs. @@ -196,7 +206,9 @@ The [zoomChange](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#z Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -221,7 +233,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## buttonFieldClick @@ -231,7 +245,9 @@ The [buttonFieldClick](https://ej2.syncfusion.com/react/documentation/api/pdfvie Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -256,7 +272,8 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` +{% endhighlight %} +{% endtabs %} ## commentAdd @@ -266,7 +283,9 @@ The [commentAdd](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#c Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -291,7 +310,8 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` +{% endhighlight %} +{% endtabs %} ## commentDelete @@ -301,7 +321,8 @@ The [commentDelete](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -326,7 +347,8 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` +{% endhighlight %} +{% endtabs %} ## commentEdit @@ -336,7 +358,9 @@ The [commentEdit](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/# Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -361,7 +385,8 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` +{% endhighlight %} +{% endtabs %} ## commentSelect @@ -371,7 +396,9 @@ The [commentSelect](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -396,7 +423,8 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` +{% endhighlight %} +{% endtabs %} ## commentStatusChanged @@ -406,7 +434,8 @@ The [commentStatusChanged](https://ej2.syncfusion.com/react/documentation/api/pd Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -431,7 +460,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## created @@ -441,7 +472,8 @@ The [created](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#crea Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -466,7 +498,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## customContextMenuBeforeOpen @@ -478,7 +512,8 @@ The [customContextMenuBeforeOpen](https://ej2.syncfusion.com/react/documentation Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -521,7 +556,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## customContextMenuSelect @@ -534,7 +571,8 @@ The [customContextMenuSelect](https://ej2.syncfusion.com/react/documentation/api Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -577,7 +615,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## documentLoad @@ -587,7 +627,8 @@ The [documentLoad](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/ Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -612,7 +653,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## documentLoadFailed @@ -622,7 +665,8 @@ The [documentLoadFailed](https://ej2.syncfusion.com/react/documentation/api/pdfv Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -646,7 +690,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## documentUnload @@ -656,7 +702,8 @@ The [documentUnload](https://ej2.syncfusion.com/react/documentation/api/pdfviewe Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -681,7 +728,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## downloadEnd @@ -691,7 +740,8 @@ The [downloadEnd](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/# Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -716,7 +766,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## downloadStart @@ -726,7 +778,8 @@ The [downloadStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -751,7 +804,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## exportFailed @@ -761,7 +816,9 @@ The [exportFailed](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/ Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -786,7 +843,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## exportStart @@ -796,7 +855,8 @@ The [exportStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/# Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -821,7 +881,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## exportSuccess @@ -831,7 +893,8 @@ The [exportSuccess](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -856,7 +919,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## extractTextCompleted @@ -866,7 +931,8 @@ The [extractTextCompleted](https://ej2.syncfusion.com/react/documentation/api/pd Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -891,7 +957,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## hyperlinkClick @@ -901,7 +969,8 @@ The [hyperlinkClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewe Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -926,7 +995,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## hyperlinkMouseOver @@ -936,7 +1007,9 @@ The [hyperlinkMouseOver](https://ej2.syncfusion.com/react/documentation/api/pdfv Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -961,7 +1034,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## importFailed @@ -971,7 +1046,9 @@ The [importFailed](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/ Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -996,7 +1073,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## importStart @@ -1006,7 +1085,8 @@ The [importStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/# Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1031,7 +1111,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## importSuccess @@ -1041,7 +1123,8 @@ The [importSuccess](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1066,7 +1149,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## keyboardCustomCommands @@ -1083,7 +1168,8 @@ When it triggers Refer to [Keyboard interaction](./accessibility#keyboard-interaction) for details about adding and handling custom shortcut keys. Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1123,7 +1209,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## moveSignature @@ -1133,7 +1221,8 @@ The [moveSignature](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1158,7 +1247,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## pageChange @@ -1168,7 +1259,8 @@ The [pageChange](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#p Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1193,7 +1285,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## pageClick @@ -1203,7 +1297,8 @@ The [pageClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#pa Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1228,7 +1323,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## pageMouseover @@ -1238,7 +1335,8 @@ The [pageMouseover](https://ej2.syncfusion.com/react/documentation/api/pdfviewer Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1263,7 +1361,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## pageOrganizerSaveAs @@ -1273,7 +1373,8 @@ The [pageOrganizerSaveAs](https://ej2.syncfusion.com/react/documentation/api/pdf Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1298,7 +1399,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## pageRenderComplete @@ -1308,7 +1411,8 @@ The [pageRenderComplete](https://ej2.syncfusion.com/react/documentation/api/pdfv Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1333,7 +1437,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## pageRenderInitiate @@ -1343,7 +1449,8 @@ The [pageRenderInitiate](https://ej2.syncfusion.com/react/documentation/api/pdfv Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1368,7 +1475,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## printEnd @@ -1378,7 +1487,8 @@ The [printEnd](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#pri Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1403,7 +1513,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## printStart @@ -1413,7 +1525,8 @@ The [printStart](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#p Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1438,7 +1551,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## removeSignature @@ -1448,7 +1563,8 @@ The [removeSignature](https://ej2.syncfusion.com/react/documentation/api/pdfview Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1473,7 +1589,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## resizeSignature @@ -1483,7 +1601,8 @@ The [resizeSignature](https://ej2.syncfusion.com/react/documentation/api/pdfview Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1508,7 +1627,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## resourcesLoaded @@ -1518,7 +1639,8 @@ The [resourcesLoaded](https://ej2.syncfusion.com/react/documentation/api/pdfview Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1543,7 +1665,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## signaturePropertiesChange @@ -1553,7 +1677,8 @@ The [signaturePropertiesChange](https://ej2.syncfusion.com/react/documentation/a Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1578,7 +1703,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## signatureSelect @@ -1588,7 +1715,8 @@ The [signatureSelect](https://ej2.syncfusion.com/react/documentation/api/pdfview Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1613,7 +1741,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## signatureUnselect @@ -1623,7 +1753,8 @@ The [signatureUnselect](https://ej2.syncfusion.com/react/documentation/api/pdfvi Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1648,7 +1779,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## textSearchComplete @@ -1658,7 +1791,8 @@ The [textSearchComplete](https://ej2.syncfusion.com/react/documentation/api/pdfv Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1683,7 +1817,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## textSearchHighlight @@ -1693,7 +1829,8 @@ The [textSearchHighlight](https://ej2.syncfusion.com/react/documentation/api/pdf Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1718,7 +1855,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## textSearchStart @@ -1728,7 +1867,8 @@ The [textSearchStart](https://ej2.syncfusion.com/react/documentation/api/pdfview Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1753,7 +1893,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## textSelectionEnd @@ -1763,7 +1905,8 @@ The [textSelectionEnd](https://ej2.syncfusion.com/react/documentation/api/pdfvie Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1788,7 +1931,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## textSelectionStart @@ -1798,7 +1943,8 @@ The [textSelectionStart](https://ej2.syncfusion.com/react/documentation/api/pdfv Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1823,7 +1969,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} ## thumbnailClick @@ -1833,7 +1981,9 @@ The [thumbnailClick](https://ej2.syncfusion.com/react/documentation/api/pdfviewe Example: -```jsx +{% tabs %} +{% highlight ts tabtitle="index.ts" %} + import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer'; @@ -1858,7 +2008,9 @@ function App() { const root = ReactDOM.createRoot(document.getElementById('pdfViewer')); root.render(); -``` + +{% endhighlight %} +{% endtabs %} > Tip: For annotation and signature-specific events and arguments, see the dedicated Annotations Events topic. diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/navigation/bookmark.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark-navigation.md rename to Document-Processing/PDF/PDF-Viewer/react/navigation/bookmark.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/navigation/hyperlink.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink-navigation.md rename to Document-Processing/PDF/PDF-Viewer/react/navigation/hyperlink.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/navigation/page-thumbnail.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail-navigation.md rename to Document-Processing/PDF/PDF-Viewer/react/navigation/page-thumbnail.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/navigation/page.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-navigation.md rename to Document-Processing/PDF/PDF-Viewer/react/navigation/page.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/events.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md rename to Document-Processing/PDF/PDF-Viewer/react/organize-pdf/events.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/mobile-view.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-page-mobile-view.md rename to Document-Processing/PDF/PDF-Viewer/react/organize-pdf/mobile-view.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/overview.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf-overview.md rename to Document-Processing/PDF/PDF-Viewer/react/organize-pdf/overview.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support-for-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/annotation-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/react/toolbar/annotation-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/custom-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/react/toolbar/custom-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/form-designer-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/react/toolbar/form-designer-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/mobile-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/mobile-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/react/toolbar/mobile-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/primary-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/react/toolbar/primary-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation/bookmark.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/bookmark-navigation.md rename to Document-Processing/PDF/PDF-Viewer/vue/navigation/bookmark.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation/hyperlink.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/hyperlink-navigation.md rename to Document-Processing/PDF/PDF-Viewer/vue/navigation/hyperlink.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation/page-thumbnail.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-thumbnail-navigation.md rename to Document-Processing/PDF/PDF-Viewer/vue/navigation/page-thumbnail.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation/page.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/interactive-pdf-navigation/page-navigation.md rename to Document-Processing/PDF/PDF-Viewer/vue/navigation/page.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/events.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/events.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-page-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-page-mobile-view.md rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/overview.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/overview.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/programmatic-support-for-organize-page.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/programmatic-support.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/programmatic-support-for-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/programmatic-support.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/toolbar-organize-page.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/toolbar-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions-organize-page.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions-organize-page.md rename to Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/ui-interactions.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/annotation-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/annotation-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar/annotation-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/custom-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/form-designer-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/form-designer-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar/form-designer-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/mobile-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/mobile-toolbar.md rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar/mobile-toolbar.md diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar-customization.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/primary-toolbar.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/vue/toolbar-customization/primary-toolbar-customization.md rename to Document-Processing/PDF/PDF-Viewer/vue/toolbar/primary-toolbar.md From b0376937a5faa00e2c888bbe29572a1d0078ff9a Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 14:16:03 +0530 Subject: [PATCH 02/12] 989322: resolved spell error --- Document-Processing-toc.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index cec43249e..13667e6e5 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -1260,7 +1260,7 @@
  • Toolbar Customization
      -
    • Primary Toolbar
      • +
    • Primary Toolbar
    • Annotation Toolbar
    • Form Designer Toolbar
    • Organize Page Toolbar
      • @@ -1272,7 +1272,7 @@ From c6783ab34a0c1c1c8bb6b040a5dc7d017123084c Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 17:07:33 +0530 Subject: [PATCH 03/12] 989322: resolved CI issues --- .../how-to/configure-annotation-selector-setting.md | 1 - .../how-to/control-annotation-visibility.md | 1 - ...nvert-pdf-library-bounds-to-pdf-viewer-bounds.md | 1 - .../asp-net-core/how-to/custom-context-menu.md | 1 - .../how-to/custom-font-signature-field.md | 1 - .../PDF-Viewer/asp-net-core/how-to/custom-fonts.md | 1 - .../how-to/customize-text-search-color.md | 1 - .../how-to/delete-a-specific-annotation.md | 1 - .../asp-net-core/how-to/disable-context-menu.md | 1 - .../asp-net-core/how-to/disable-tile-rendering.md | 1 - .../how-to/display-document-without-downloading.md | 1 - .../asp-net-core/how-to/download-start-event.md | 1 - .../asp-net-core/how-to/enable-local-storage.md | 1 - .../PDF-Viewer/asp-net-core/how-to/enable-resize.md | 1 - .../asp-net-core/how-to/enable-text-selection.md | 1 - .../how-to/export-as-image-standalone.md | 1 - .../asp-net-core/how-to/export-as-image.md | 1 - .../asp-net-core/how-to/extract-text-completed.md | 1 - .../asp-net-core/how-to/extract-text-option.md | 1 - .../how-to/extract-text-using-text-collections.md | 1 - .../PDF-Viewer/asp-net-core/how-to/extract-text.md | 1 - .../asp-net-core/how-to/find-text-async.md | 1 - .../PDF-Viewer/asp-net-core/how-to/get-base64.md | 1 - .../PDF-Viewer/asp-net-core/how-to/get-page-info.md | 1 - .../how-to/identify-added-annotation-mode.md | 1 - .../asp-net-core/how-to/import-export-annotation.md | 1 - .../asp-net-core/how-to/install-packages.md | 1 - .../asp-net-core/how-to/load-documents.md | 1 - .../asp-net-core/how-to/load-n-number-page.md | 1 - .../PDF-Viewer/asp-net-core/how-to/min-max-zoom.md | 1 - .../PDF-Viewer/asp-net-core/how-to/open-bookmark.md | 1 - .../asp-net-core/how-to/open-thumbnail.md | 1 - .../asp-net-core/how-to/overlapped-annotation.md | 1 - .../how-to/pagerenderstarted-pagerendercompleted.md | 1 - .../asp-net-core/how-to/print-document.md | 1 - .../resolve-Unable-to-find-an-entry-point-error.md | 1 - .../asp-net-core/how-to/resolve-pdfium-issue.md | 1 - .../how-to/restricting-zoom-in-mobile-mode.md | 1 - .../PDF-Viewer/asp-net-core/how-to/retry-timeout.md | 1 - .../save-original-document-at-the-server-side.md | 1 - .../how-to/select-multi-page-annotations.md | 1 - .../PDF-Viewer/asp-net-core/how-to/show-bookmark.md | 1 - .../asp-net-core/how-to/show-custom-stamp-item.md | 1 - .../asp-net-core/how-to/show-hide-annotation.md | 1 - .../how-to/signatureselect-signatureunselect.md | 1 - .../asp-net-core/how-to/unload-document.md | 1 - .../asp-net-core/how-to/webservice-not-listening.md | 1 - .../PDF/PDF-Viewer/asp-net-core/interaction-mode.md | 1 - .../PDF/PDF-Viewer/asp-net-core/magnification.md | 1 - .../PDF/PDF-Viewer/asp-net-core/mobile-toolbar.md | 1 - .../PDF/PDF-Viewer/asp-net-core/navigation.md | 1 - .../PDF-Viewer/asp-net-core/navigation/bookmark.md | 5 ++--- .../PDF-Viewer/asp-net-core/navigation/hyperlink.md | 9 ++++----- .../asp-net-core/navigation/page-thumbnail.md | 5 ++--- .../PDF/PDF-Viewer/asp-net-core/navigation/page.md | 3 +-- .../PDF/PDF-Viewer/asp-net-core/open-pdf-file.md | 1 - .../asp-net-core/open-pdf-file/from-amazon-s3.md | 1 - .../open-pdf-file/from-azure-active-directory.md | 1 - .../open-pdf-file/from-azure-blob-storage.md | 1 - .../open-pdf-file/from-box-cloud-file-storage.md | 2 +- .../open-pdf-file/from-google-cloud-storage.md | 2 +- .../asp-net-core/open-pdf-file/from-google-drive.md | 2 +- .../PDF/PDF-Viewer/asp-net-core/organize-pdf.md | 1 - .../PDF-Viewer/asp-net-core/organize-pdf/events.md | 6 +++--- .../asp-net-core/organize-pdf/mobile-view.md | 4 ++-- .../organize-pdf/programmatic-support.md | 6 +++--- .../PDF-Viewer/asp-net-core/organize-pdf/toolbar.md | 4 ++-- .../asp-net-core/organize-pdf/ui-interactions.md | 13 ++++++------- .../PDF/PDF-Viewer/asp-net-core/print.md | 1 - .../asp-net-core/save-pdf-file/to-amazon-s3.md | 2 +- .../save-pdf-file/to-azure-active-directory.md | 2 +- .../save-pdf-file/to-azure-blob-storage.md | 2 +- .../save-pdf-file/to-box-cloud-file-storage.md | 1 - .../save-pdf-file/to-google-cloud-storage.md | 1 - .../asp-net-core/save-pdf-file/to-google-drive.md | 1 - .../PDF/PDF-Viewer/asp-net-core/server-actions.md | 1 - .../asp-net-core/text-markup-annotation.md | 1 - .../PDF/PDF-Viewer/asp-net-core/text-search.md | 1 - .../PDF/PDF-Viewer/asp-net-core/textselection.md | 1 - .../asp-net-core/toolbar/annotation-toolbar.md | 7 +++---- .../asp-net-core/toolbar/custom-toolbar.md | 5 ++--- .../asp-net-core/toolbar/form-designer-toolbar.md | 7 +++---- .../asp-net-core/toolbar/mobile-toolbar.md | 3 +-- .../asp-net-core/toolbar/primary-toolbar.md | 5 ++--- .../troubleshooting/document-loading-issues.md | 1 - .../PDF-Viewer/asp-net-mvc/navigation/bookmark.md | 3 +-- .../PDF-Viewer/asp-net-mvc/navigation/hyperlink.md | 7 +++---- .../asp-net-mvc/navigation/page-thumbnail.md | 3 +-- .../PDF/PDF-Viewer/asp-net-mvc/navigation/page.md | 3 +-- .../PDF-Viewer/asp-net-mvc/organize-pdf/events.md | 7 +++---- .../asp-net-mvc/organize-pdf/mobile-view.md | 5 ++--- .../organize-pdf/programmatic-support.md | 5 ++--- .../asp-net-mvc/organize-pdf/ui-interactions.md | 5 ++--- .../asp-net-mvc/toolbar/annotation-toolbar.md | 8 +++----- .../asp-net-mvc/toolbar/custom-toolbar.md | 5 ++--- .../asp-net-mvc/toolbar/form-designer-toolbar.md | 6 +++--- .../asp-net-mvc/toolbar/mobile-toolbar.md | 5 ++--- .../javascript-es5/navigation/hyperlink.md | 2 +- .../javascript-es5/organize-pdf/events.md | 4 ++-- .../javascript-es5/organize-pdf/mobile-view.md | 4 ++-- .../javascript-es5/toolbar/annotation-toolbar.md | 4 ++-- .../javascript-es5/toolbar/form-designer-toolbar.md | 2 +- .../javascript-es6/navigation/hyperlink.md | 2 +- .../javascript-es6/organize-pdf/events.md | 6 +++--- .../javascript-es6/organize-pdf/mobile-view.md | 6 +++--- .../javascript-es6/toolbar/annotation-toolbar.md | 4 ++-- .../javascript-es6/toolbar/custom-toolbar.md | 2 +- .../javascript-es6/toolbar/form-designer-toolbar.md | 2 +- .../PDF/PDF-Viewer/react/organize-pdf/events.md | 2 +- .../PDF-Viewer/react/organize-pdf/mobile-view.md | 6 +++--- .../PDF-Viewer/react/toolbar/annotation-toolbar.md | 6 +++--- .../PDF/PDF-Viewer/react/toolbar/custom-toolbar.md | 2 +- .../react/toolbar/form-designer-toolbar.md | 4 ++-- .../PDF/PDF-Viewer/vue/navigation/hyperlink.md | 2 +- .../PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md | 4 ++-- .../PDF-Viewer/vue/toolbar/annotation-toolbar.md | 4 ++-- .../PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md | 2 +- .../PDF-Viewer/vue/toolbar/form-designer-toolbar.md | 4 ++-- 118 files changed, 104 insertions(+), 191 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md index eae79dab9..7a94eabdd 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md @@ -4,7 +4,6 @@ title: Configure annotation selector settings in Syncfusion ASP.NET Core PDF Vie description: Learn how to customize annotation selector settings in the Syncfusion ASP.NET Core PDF Viewer component for Essential JS 2. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/control-annotation-visibility.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/control-annotation-visibility.md index 6298506e0..13733ba6f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/control-annotation-visibility.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/control-annotation-visibility.md @@ -4,7 +4,6 @@ title: Control annotation visibility in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to control the visibility of PDF annotations in the ASP.NET Core PDF Viewer, ensuring annotations appear only in the viewer as needed. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md index dff83ec2a..f7094d55b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md @@ -4,7 +4,6 @@ title: Convert PDF Library bounds to PDF Viewer bounds in ASP.NET Core | Syncfus description: Learn how to convert PDF Library bounds into PDF Viewer bounds when exporting annotations, ensuring accurate placement in the ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md index 71edbd5c4..a0033246a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md @@ -4,7 +4,6 @@ title: Customize the context menu in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to add and customize custom context menu options in the Syncfusion ASP.NET Core PDF Viewer using addCustomMenu, customContextMenuSelect, and related events. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md index 9414d5f4c..271b6580f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md @@ -4,7 +4,6 @@ title: Change font family in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to change the font family for form field type signatures and initials in the Syncfusion ASP.NET Core PDF Viewer using typeSignatureFonts and typeInitialFonts. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md index d7ebdd0ea..99dfd986f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-fonts.md @@ -4,7 +4,6 @@ title: Add custom fonts in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to add and load custom TTF fonts for documents displayed in the Syncfusion ASP.NET Core PDF Viewer using the customFonts property. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md index 8dc4327cc..8992590ba 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md @@ -4,7 +4,6 @@ title: Customize text search color in ASP.NET Core PDF Viewer control | Syncfusi description: Learn here all about Customize text search color in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Customize text search color -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/delete-a-specific-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/delete-a-specific-annotation.md index 3eb6506f4..3159b0b17 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/delete-a-specific-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/delete-a-specific-annotation.md @@ -4,7 +4,6 @@ title: Delete an annotation in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to delete a specific annotation in the Syncfusion ASP.NET Core PDF Viewer using the deleteAnnotationById method. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-context-menu.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-context-menu.md index 6436f395f..7381c3ce9 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-context-menu.md @@ -4,7 +4,6 @@ title: Disable context menu in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Disable context menu in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Disable context menu -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-tile-rendering.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-tile-rendering.md index 68ce133df..b7a66c614 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-tile-rendering.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/disable-tile-rendering.md @@ -4,7 +4,6 @@ title: Disable tile rendering in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Disable tile rendering in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Disable tile rendering -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md index 76c5f7d79..4af0b5d21 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md @@ -4,7 +4,6 @@ title: Display PDFs without downloading in ASP.NET Core PDF Viewer description: Learn how to display PDF documents without triggering downloads by using the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/download-start-event.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/download-start-event.md index 95303f1a9..468cea3d8 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/download-start-event.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/download-start-event.md @@ -4,7 +4,6 @@ title: Control file downloads in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to intercept and control file downloads in the Syncfusion ASP.NET Core PDF Viewer using the downloadStart event. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-local-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-local-storage.md index 242c1eb11..702a150be 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-local-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-local-storage.md @@ -4,7 +4,6 @@ title: Manage local storage in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to control session-specific data storage in the Syncfusion ASP.NET Core PDF Viewer using the enableLocalStorage property. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-resize.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-resize.md index 39e4f7e45..8051624eb 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-resize.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-resize.md @@ -4,7 +4,6 @@ title: Enable resize in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Enable resize in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Enable resize -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md index 7fe9697b0..7b432f292 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md @@ -4,7 +4,6 @@ title: Enable or disable text selection in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to enable or disable text selection in the Syncfusion ASP.NET Core PDF Viewer using the enableTextSelection property. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md index 7390feeb5..a079da86a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md @@ -4,7 +4,6 @@ title: Export PDF pages as images in Syncfusion ASP.NET Core PDF Viewer description: Learn how to export PDF pages as Base64-encoded images by using the Syncfusion ASP.NET Core PDF Viewer component. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image.md index 0cdb42535..a44ea8fff 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image.md @@ -4,7 +4,6 @@ title: Export pages as images in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to export pages as Base64-encoded images in the Syncfusion ASP.NET Core PDF Viewer using the ExportAsImage method family. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-completed.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-completed.md index 08bedff66..d34ea1cf3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-completed.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-completed.md @@ -4,7 +4,6 @@ title: Use extractTextCompleted in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to use the extractTextCompleted event and isExtractText property in the Syncfusion ASP.NET Core PDF Viewer to extract text and bounds. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-option.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-option.md index 7c79a7843..800c104ec 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-option.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-option.md @@ -4,7 +4,6 @@ title: Configure extractTextOption in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to use the extractTextOption property in the Syncfusion ASP.NET Core PDF Viewer to control text extraction and memory usage. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md index 29da62696..799a41ba0 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md @@ -4,7 +4,6 @@ title: Extract text using TextLineCollection in Syncfusion ASP.NET Core PDF View description: Learn how to extract text with bounds from PDF pages by using the TextLineCollection API in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text.md index 66944f6c3..36da91605 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text.md @@ -4,7 +4,6 @@ title: Use extractText in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to use the extractText method in the Syncfusion ASP.NET Core PDF Viewer to extract text and bounds from one or more pages. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/find-text-async.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/find-text-async.md index b061bf2c3..b5c804de8 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/find-text-async.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/find-text-async.md @@ -4,7 +4,6 @@ title: Use findTextAsync in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to search text asynchronously with findTextAsync in the Syncfusion ASP.NET Core PDF Viewer and retrieve match bounds. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md index f3d8dd60b..f8074f3d7 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md @@ -4,7 +4,6 @@ title: Get Base64 from loaded PDF in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to retrieve the Base64 value of a loaded PDF in the Syncfusion ASP.NET Core PDF Viewer using saveAsBlob and FileReader. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-page-info.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-page-info.md index 5ec91d79f..dbcc65a5a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-page-info.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-page-info.md @@ -4,7 +4,6 @@ title: Get page info in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to retrieve page height, width, and rotation using getPageInfo in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md index b7d8b58da..ce310e6e7 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md @@ -4,7 +4,6 @@ title: Identify added annotation mode in ASP.NET Core PDF Viewer control | Syncf description: Learn here all about Identify added annotation mode in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Identify added annotation mode -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/import-export-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/import-export-annotation.md index 05937fbb8..ebe9a4472 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/import-export-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/import-export-annotation.md @@ -4,7 +4,6 @@ title: Import and export annotations in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to import and export annotations as objects, JSON, or XFDF in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md index 9b24b0ddb..81458bad8 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md @@ -4,7 +4,6 @@ title: Install packages for ASP.NET Core PDF Viewer description: Learn how to install the Syncfusion ASP.NET Core PDF Viewer NuGet package and restore the required dependencies. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-documents.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-documents.md index eece53675..83051b05b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-documents.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-documents.md @@ -4,7 +4,6 @@ title: Load documents dynamically in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to load or switch PDF documents dynamically in the Syncfusion ASP.NET Core PDF Viewer using the load method. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md index ec5bf8b23..cdab9bf65 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md @@ -4,7 +4,6 @@ title: Load a specific number of pages on initial load in ASP.NET Core PDF Viewe description: Learn how to configure the Syncfusion ASP.NET Core PDF Viewer to load a defined number of pages during the initial render by using the initialRenderPages property. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/min-max-zoom.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/min-max-zoom.md index 93e978d66..44740ee8d 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/min-max-zoom.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/min-max-zoom.md @@ -4,7 +4,6 @@ title: Set min and max zoom levels in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to limit the minimum and maximum zoom percentages in the Syncfusion ASP.NET Core PDF Viewer by using the minZoom and maxZoom properties for responsive, consistent viewing. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-bookmark.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-bookmark.md index 8157f37de..0d4fa3e4d 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-bookmark.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-bookmark.md @@ -4,7 +4,6 @@ title: Open or close the bookmark pane in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to open or close the bookmark pane programmatically in the Syncfusion ASP.NET Core PDF Viewer by calling the bookmarkViewModule APIs. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-thumbnail.md index c02049a5e..ea003b0e3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-thumbnail.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/open-thumbnail.md @@ -4,7 +4,6 @@ title: Open the thumbnail pane programmatically in ASP.NET Core PDF Viewer | Syn description: Learn how to open the thumbnail pane programmatically in the Syncfusion ASP.NET Core PDF Viewer by calling the openThumbnailPane method after the document loads. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/overlapped-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/overlapped-annotation.md index 5f9c5ab13..2d922d43c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/overlapped-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/overlapped-annotation.md @@ -4,7 +4,6 @@ title: Overlapped annotation in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Overlapped annotation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Overlapped annotation -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/pagerenderstarted-pagerendercompleted.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/pagerenderstarted-pagerendercompleted.md index 78dafdf91..abc085bb1 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/pagerenderstarted-pagerendercompleted.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/pagerenderstarted-pagerendercompleted.md @@ -4,7 +4,6 @@ title: Handle pageRenderInitiate and pageRenderComplete events in ASP.NET Core P description: Discover how to use the pageRenderInitiate and pageRenderComplete events in the Syncfusion ASP.NET Core PDF Viewer to monitor page rendering stages. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/print-document.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/print-document.md index 61df8362b..94fac93a9 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/print-document.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/print-document.md @@ -4,7 +4,6 @@ title: Print document in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Print document in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Print document -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-Unable-to-find-an-entry-point-error.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-Unable-to-find-an-entry-point-error.md index 2d48ed8c4..ae0f47da3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-Unable-to-find-an-entry-point-error.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-Unable-to-find-an-entry-point-error.md @@ -4,7 +4,6 @@ title: Resolve “Unable to find an entry point named FPDFText_GetCharAngle” e description: Resolve the “Unable to find an entry point named FPDFText_GetCharAngle” error in the Syncfusion ASP.NET Core PDF Viewer by updating the PDFium assemblies and republishing the service. control: PDF Viewer platform: document-processing -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-pdfium-issue.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-pdfium-issue.md index c08f8378f..99575617c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-pdfium-issue.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/resolve-pdfium-issue.md @@ -4,7 +4,6 @@ title: Resolve PDFium initialization error in ASP.NET Core PDF Viewer | Syncfusi description: Fix the “The type initializer for Syncfusion.EJ2.PdfViewer.PdfiumNative threw an exception” error in the Syncfusion ASP.NET Core PDF Viewer by copying the PDFium binaries and configuring ReferencePath. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/restricting-zoom-in-mobile-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/restricting-zoom-in-mobile-mode.md index 5ad0335b7..847bad92d 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/restricting-zoom-in-mobile-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/restricting-zoom-in-mobile-mode.md @@ -4,7 +4,6 @@ title: Restrict zoom percentage on mobile in ASP.NET Core PDF Viewer | Syncfusio description: Learn how to limit the maxZoom and minZoom values in the Syncfusion ASP.NET Core PDF Viewer to control zoom levels on mobile devices. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/retry-timeout.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/retry-timeout.md index 15cc96862..4530adcf4 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/retry-timeout.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/retry-timeout.md @@ -4,7 +4,6 @@ title: Configure retryTimeout in the ASP.NET Core PDF Viewer | Syncfusion description: Learn how to configure retryTimeout and retryCount in the Syncfusion ASP.NET Core PDF Viewer to improve reliability when network requests fail. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/save-original-document-at-the-server-side.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/save-original-document-at-the-server-side.md index a06b7100b..a0a674518 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/save-original-document-at-the-server-side.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/save-original-document-at-the-server-side.md @@ -4,7 +4,6 @@ title: Save the original document on the server in ASP.NET Core PDF Viewer | Syn description: Learn how to save the original PDF document on the server by calling a custom download action in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/select-multi-page-annotations.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/select-multi-page-annotations.md index 549b5fa03..7279039a1 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/select-multi-page-annotations.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/select-multi-page-annotations.md @@ -4,7 +4,6 @@ title: Select multi page annotations in ASP.NET Core PDF Viewer control | Syncfu description: Learn here all about Select multi page annotations in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Select multi page annotations -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-bookmark.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-bookmark.md index 930881fc7..9ff2f5958 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-bookmark.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-bookmark.md @@ -4,7 +4,6 @@ title: Show the bookmark pane in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to display the bookmark pane programmatically in the Syncfusion ASP.NET Core PDF Viewer by enabling the enableBookmark property. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-custom-stamp-item.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-custom-stamp-item.md index 1775cca3a..031a978f3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-custom-stamp-item.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-custom-stamp-item.md @@ -4,7 +4,6 @@ title: Display custom stamp items in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to configure custom stamp settings in the Syncfusion ASP.NET Core PDF Viewer so users can apply personalized stamps from the custom stamp dropdown. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-hide-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-hide-annotation.md index a90bf38f5..706b5f17b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-hide-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/show-hide-annotation.md @@ -4,7 +4,6 @@ title: Toggle annotation visibility in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to toggle annotation visibility in the Syncfusion ASP.NET Core PDF Viewer by exporting and restoring annotations with custom buttons. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/signatureselect-signatureunselect.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/signatureselect-signatureunselect.md index c20672270..bf96d0bee 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/signatureselect-signatureunselect.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/signatureselect-signatureunselect.md @@ -4,7 +4,6 @@ title: Handle signatureSelect and signatureUnselect events in ASP.NET Core PDF V description: Learn how to respond to signatureSelect and signatureUnselect events in the Syncfusion ASP.NET Core PDF Viewer to track handwritten signature interactions. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/unload-document.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/unload-document.md index bec87acfd..3c7ef19b8 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/unload-document.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/unload-document.md @@ -4,7 +4,6 @@ title: Unload a PDF document programmatically in ASP.NET Core PDF Viewer | Syncf description: Learn how to call the unload method in the Syncfusion ASP.NET Core PDF Viewer to clear the current PDF document programmatically. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/webservice-not-listening.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/webservice-not-listening.md index 78e34827e..15a9bce3b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/webservice-not-listening.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/webservice-not-listening.md @@ -4,7 +4,6 @@ title: Resolve “Web service is not listening” error in ASP.NET Core PDF View description: Troubleshoot the “Web service is not listening” error in the Syncfusion ASP.NET Core PDF Viewer by validating network requests, cache configuration, and server availability. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interaction-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/interaction-mode.md index 64555041c..a17f46505 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/interaction-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/interaction-mode.md @@ -4,7 +4,6 @@ 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. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/magnification.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/magnification.md index fdc662cc5..61c5cb32e 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/magnification.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/magnification.md @@ -4,7 +4,6 @@ title: Magnification in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to use magnification tools (Zoom In, Zoom Out, Fit Page, Fit Width) in the Syncfusion ASP.NET Core PDF Viewer and control zoom behavior. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/mobile-toolbar.md index c39319db3..93e5a2ac5 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/mobile-toolbar.md @@ -4,7 +4,6 @@ title: Mobile toolbar interface in ASP.NET Core PDF Viewer | Syncfusion description: Learn about the mobile toolbar interface in the Syncfusion ASP.NET Core PDF Viewer, including main options, more menu actions, and enabling desktop mode on mobile. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation.md index f023ddab7..6c6a35695 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation.md @@ -4,7 +4,6 @@ title: Navigation in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to use page, bookmark, thumbnail, hyperlink, and table of contents navigation in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md index 6d8eac82b..3890ee4fe 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/bookmark.md @@ -4,11 +4,10 @@ title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Bookmark navigation +# Bookmark navigation in ASP.NET Core PDF Viewer control The Bookmarks saved in PDF files are loaded and made ready for easy navigation. You can enable/disable bookmark navigation by using the following code snippet., @@ -139,5 +138,5 @@ Here is an example of how to use the getBookmarks method: ## See also -* [Toolbar items](../toolbar-customization/) +* [Toolbar items](../toolbar) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/hyperlink.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/hyperlink.md index c9350505f..e800d3e4a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/hyperlink.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/hyperlink.md @@ -4,11 +4,10 @@ title: Hyperlink navigation in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to configure hyperlink navigation, including table-of-contents entries, in the Syncfusion PDF Viewer control for ASP.NET Core. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Hyperlink navigation in PDF Viewer +# Hyperlink navigation in ASP.NET Core PDF Viewer The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling. @@ -188,6 +187,6 @@ The following example demonstrates how to use these events: ## See also -- [Bookmark navigation](./bookmark-navigation) -- [Page navigation](./page-navigation) -- [Page thumbnail navigation](./page-thumbnail-navigation) +- [Bookmark navigation](./bookmark) +- [Page navigation](./page) +- [Page thumbnail navigation](./page-thumbnail) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md index 104e90a78..aa886d678 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page-thumbnail.md @@ -4,11 +4,10 @@ title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Page Thumbnail navigation +# Page Thumbnail navigation in ASP.NET Core PDF Viewer Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation. You can enable/disable thumbnail navigation by using the following code snippet., @@ -41,5 +40,5 @@ You can enable/disable thumbnail navigation by using the following code snippet. ## See also -* [Toolbar items](../toolbar-customization/) +* [Toolbar items](../toolbar) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md index 5a43c2caa..e5f4e0dbc 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/navigation/page.md @@ -4,7 +4,6 @@ title: Navigation in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about Navigation in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- @@ -136,5 +135,5 @@ Also, you can programmatically perform page navigation options as follows. ## See also -* [Toolbar items](../toolbar-customization/) +* [Toolbar items](../toolbar) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file.md index 6c22154e2..9ba7285be 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file.md @@ -4,7 +4,6 @@ title: Load PDF from Base64 string in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to load a PDF document from a Base64 string in the Syncfusion ASP.NET Core PDF Viewer using the load method in a standalone setup. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-amazon-s3.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-amazon-s3.md index 6d0626b68..a8c84f571 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-amazon-s3.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-amazon-s3.md @@ -4,7 +4,6 @@ title: Open PDF from AWS S3 in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to load PDFs from AWS S3 in the Syncfusion ASP.NET Core PDF Viewer component using standalone and server-backed approaches. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-active-directory.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-active-directory.md index 0e675da52..03fd72ede 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-active-directory.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-active-directory.md @@ -4,7 +4,6 @@ title: Open PDF from Azure Active Directory in ASP.NET Core PDF Viewer | Syncfus description: Learn how to load and save PDFs using Azure Active Directory (AAD) with the Syncfusion ASP.NET Core PDF Viewer component. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-blob-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-blob-storage.md index f9e32f82a..3e06f2b07 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-blob-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-azure-blob-storage.md @@ -4,7 +4,6 @@ title: Open PDF from Azure Blob Storage in ASP.NET Core PDF Viewer | 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 -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-box-cloud-file-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-box-cloud-file-storage.md index c11a5dcb8..4bbc357ec 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-box-cloud-file-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-box-cloud-file-storage.md @@ -4,7 +4,7 @@ title: Open PDF from Box cloud storage in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to load PDFs from Box cloud storage in the Syncfusion ASP.NET Core PDF Viewer component using a server-backed approach. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-cloud-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-cloud-storage.md index b9938e7ca..e8d73c273 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-cloud-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-cloud-storage.md @@ -4,7 +4,7 @@ title: Open PDF from Google Cloud Storage in ASP.NET Core PDF Viewer | Syncfusio description: Learn how to load PDFs from Google Cloud Storage in the Syncfusion ASP.NET Core PDF Viewer component using a server-backed approach. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-drive.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-drive.md index 1a04c9719..30d6e8e0b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-drive.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/open-pdf-file/from-google-drive.md @@ -4,7 +4,7 @@ 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 -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf.md index bb5bbb153..5660c0a26 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf.md @@ -4,7 +4,6 @@ title: Organize Pages with EJ2 ASP.NET Core PDF Viewer | Syncfusion description: Learn here all about Organize Pages in ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md index 9ae2dd73d..f28350aeb 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/events.md @@ -1,14 +1,14 @@ --- layout: post -title: Organize Pages Events in PDF Viewer | Syncfusion +title: Organize Pages Events in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- -# Organize Pages Events in PDF Viewer +# Organize Pages Events in ASP.NET Core PDF Viewer The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md index ab12284bb..4365c458a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/mobile-view.md @@ -4,11 +4,11 @@ title: Organize Pages in Mobile PDF Viewer | Syncfusion description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- -# Organize Pages in Mobile PDF Viewer +# Organize Pages in ASP.NET Core Mobile PDF Viewer The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md index c120fbafd..2c1f28fa7 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/programmatic-support.md @@ -1,14 +1,14 @@ --- layout: post -title: Programmatic Support for Organize Pages in ASP.NET Core PDF Viewer control | Syncfusion +title: Programmatic Page Organize in ASP.NET Core PDF Viewer | Syncfusion description: Learn here all about Programmatic Support for Organize Pages in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- -# Programmatic Support for Organize Pages in ASP.NET Core PDF Viewer control +# Organize PDF Pages Programmatically in ASP.NET Core Viewer The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md index 8312095d4..9aace0a4e 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/toolbar.md @@ -1,10 +1,10 @@ --- layout: post -title: Organize Page Toolbar Customization in ASP.NET Core PDF Viewer control | Syncfusion +title: ASP.NET Core PDF Viewer – Organize Toolbar Customization | Syncfusion description: Learn here all about Organize Page Toolbar Customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md index e44ec39cb..854ba4660 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pdf/ui-interactions.md @@ -1,10 +1,9 @@ --- layout: post -title: UI Interactions for Organizing Pages in ASP.NET Core PDF Viewer | Syncfusion -description: Learn about the UI interactions for organizing pages in the Syncfusion ASP.NET Core PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. +title: Organize UI Interactions in ASP.NET Core Viewer | Syncfusion +description: Discover UI interactions for organizing PDF pages in ASP.NET Core Viewer—rotate, reorder, insert, delete, and copy pages easily. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- @@ -21,7 +20,7 @@ You can adjust the orientation of pages to ensure proper alignment. The rotate i * **Rotate clockwise**: Rotate the selected pages 90 degrees clockwise. * **Rotate counter-clockwise**: Rotate the selected pages 90 degrees counter-clockwise. -![Alt text](../images/rotate-rearrange.gif) +![Rotating Pages](../images/rotate-rearrange.gif) ## Rearranging PDF pages @@ -29,7 +28,7 @@ Easily change the sequence of pages using the drag-and-drop method: * **Drag and drop**: Click and drag a page thumbnail to the desired position within the document, then release it to reorder the pages. -![Alt text](../images/rotate-rearrange.gif) +![Rearranging Pages](../images/rotate-rearrange.gif) ## Inserting new pages @@ -38,7 +37,7 @@ Effortlessly add blank pages to your document with the following options: * **Insert blank page left**: Insert a blank page to the left of the selected page. * **Insert blank page right**: Insert a blank page to the right of the selected page. -![Alt text](../images/insert-delete-copy.gif) +![insert](../images/insert-delete-copy.gif) ## Deleting PDF pages @@ -47,7 +46,7 @@ Remove unwanted pages from your document with these steps: 1. **Select pages to delete**: Click on the thumbnails of the pages you wish to remove. You can select multiple pages at once. 2. **Delete selected pages**: Use the delete option in the Organize Pages pane to remove the selected pages from the document. -![Alt text](../images/insert-delete-copy.gif) +![Delete](../images/insert-delete-copy.gif) ## Copying PDF pages diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/print.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/print.md index 6c61936b7..fbdcadde0 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/print.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/print.md @@ -4,7 +4,6 @@ title: Print in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to enable, invoke, and customize printing in the Syncfusion ASP.NET Core PDF Viewer, including quality and behavior settings. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-amazon-s3.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-amazon-s3.md index 445e5d302..a1e1d7180 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-amazon-s3.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-amazon-s3.md @@ -4,7 +4,7 @@ title: Save PDF files to AWS S3 in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to save PDF files to AWS S3 using the Syncfusion ASP.NET Core PDF Viewer component in standalone and server-backed configurations. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-active-directory.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-active-directory.md index 1dc70ca53..f997d89af 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-active-directory.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-active-directory.md @@ -4,7 +4,7 @@ title: Save PDF files to Azure Active Directory (AAD) in ASP.NET Core PDF Viewer description: Learn how to load and save PDF files with Azure Active Directory (AAD) using the Syncfusion ASP.NET Core PDF Viewer component and a server-backed web service. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-blob-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-blob-storage.md index 6cd5c3769..ff1b4d4b5 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-blob-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-azure-blob-storage.md @@ -4,7 +4,7 @@ title: Save PDF files to Azure Blob Storage in ASP.NET Core PDF Viewer | Syncfus description: Learn how to save PDF files to Azure Blob Storage using the Syncfusion ASP.NET Core PDF Viewer component in standalone and server-backed configurations. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core + documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-box-cloud-file-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-box-cloud-file-storage.md index 84862c4e5..d920b2937 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-box-cloud-file-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-box-cloud-file-storage.md @@ -4,7 +4,6 @@ title: Save PDF files to Box cloud storage in ASP.NET Core PDF Viewer | Syncfusi description: Learn how to save PDF files to Box cloud storage using the Syncfusion ASP.NET Core PDF Viewer component with a server-backed web service. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-cloud-storage.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-cloud-storage.md index f832a3714..507714689 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-cloud-storage.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-cloud-storage.md @@ -4,7 +4,6 @@ title: Save PDF files to Google Cloud Storage in ASP.NET Core PDF Viewer | Syncf description: Learn how to save PDF files to Google Cloud Storage using the Syncfusion ASP.NET Core PDF Viewer component with a server-backed web service. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-drive.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-drive.md index 76f9b87b5..62cd82af6 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-drive.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/save-pdf-file/to-google-drive.md @@ -4,7 +4,6 @@ title: Save PDF files to Google Drive in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to save PDF files to Google Drive using the Syncfusion ASP.NET Core PDF Viewer component with a server-backed web service. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/server-actions.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/server-actions.md index 7118eeb00..54b11e5c9 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/server-actions.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/server-actions.md @@ -4,7 +4,6 @@ title: Server actions for Syncfusion ASP.NET Core PDF Viewer description: Review the ASP.NET Core server actions used by the Syncfusion PDF Viewer to manage loading, caching, annotations, and document interactions. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-markup-annotation.md index cee675e3d..929a9108f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-markup-annotation.md @@ -4,7 +4,6 @@ title: Text Markup Annotation in ASP.NET Core PDF Viewer Component description: Learn here all about Text Markup Annotation in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: Text Markup Annotation -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-search.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-search.md index 2da8261cd..ac44b20c6 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-search.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/text-search.md @@ -4,7 +4,6 @@ title: Text search in ASP.NET Core PDF Viewer component | Syncfusion description: Learn all about text search in the Syncfusion ASP.NET Core PDF Viewer component, including features, programmatic search options, and events. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/textselection.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/textselection.md index c6c02ec94..f7ba3e342 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/textselection.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/textselection.md @@ -4,7 +4,6 @@ title: Text selection in ASP.NET Core PDF Viewer control | Syncfusion description: Learn how to enable or disable text selection, programmatically select regions, copy selected text, and handle selection events in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: Text selection -publishingplatform: ASP.NET Core documentation: ug --- # Text selection in ASP.NET Core PDF Viewer control diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md index a529c3d02..76d65d04b 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/annotation-toolbar.md @@ -1,15 +1,14 @@ --- layout: post -title: Annotation Toolbar Customization in ASP.NET Core PDF Viewer control | Syncfusion +title: Annotation Toolbar in ASP.NET Core PDF Viewer control | Syncfusion description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Annotation Toolbar Customization publishingplatform: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Annotation Toolbar Customization +# Annotation Toolbar Customization in ASP.NET Core The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. @@ -65,7 +64,7 @@ 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/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems/) 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/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems) 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 PdfViewer and adapts responsively based on the available width. Include the Close tool to allow users to exit the annotation toolbar when needed. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md index d1a38e073..cdeeb7e55 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/custom-toolbar.md @@ -4,15 +4,14 @@ title: Custom Toolbar in ASP.NET Core PDF Viewer Component | Syncfusion description: Learn here all about custom toolbar in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Custom toolbar +# Custom toolbar in ASP.NET Core PDF Viewer The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer: -**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. +**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. **Step 2:** Add an EJ2 Toolbar to perform primary actions like Open, Previous page, Next page, Go to page, Print, and Download using the following code snippet: diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md index cc8dc7177..84deae8af 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/form-designer-toolbar.md @@ -1,14 +1,13 @@ --- layout: post -title: Form Designer Toolbar Customization in ASP.NET Core PDF Viewer Component | Syncfusion +title: Form Designer Toolbar in ASP.NET Core PDF Viewer Component | Syncfusion description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Form Designer Toolbar Customization +# Form Designer Toolbar in ASP.NET Core PDF Viewer The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. @@ -48,7 +47,7 @@ The following code snippet explains how to show or hide the toolbar using the `E Choose which tools appear and control their order in the form designer toolbar. -Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems/) 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. +Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) 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`. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md index 4edf01ef4..0ac92c92a 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/mobile-toolbar.md @@ -1,10 +1,9 @@ --- layout: post -title: Mobile Toolbar Interface in ASP.NET Core PDF Viewer control | Syncfusion +title: Mobile Toolbar in ASP.NET Core PDF Viewer control | Syncfusion description: Learn All About the Mobile Toolbar Interface in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- # Mobile Toolbar Interface in ASP.NET Core PDF Viewer control diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md index 4ec6e1c1d..812a5c9d0 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/toolbar/primary-toolbar.md @@ -1,14 +1,13 @@ --- layout: post -title: Primary Toolbar Customization in ASP.NET Core PDF Viewer Component | Syncfusion +title: Primary Toolbar in ASP.NET Core PDF Viewer Component | Syncfusion description: Learn here all about primary toolbar customization in Syncfusion ASP.NET Core PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- -# Primary Toolbar Customization in PDF Viewer Component +# Primary Toolbar in ASP.NET Core PDF Viewer Component The primary toolbar of the PDF Viewer can be customized by rearranging existing items, disabling default items, and adding custom items. New items can be placed at specific index positions among the existing items. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/troubleshooting/document-loading-issues.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/troubleshooting/document-loading-issues.md index 76d41cd66..ae04306e0 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/troubleshooting/document-loading-issues.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/troubleshooting/document-loading-issues.md @@ -4,7 +4,6 @@ title: Fix document loading issues in v23.1+ for the ASP.NET Core PDF Viewer com description: Resolve document rendering failures in v23.1 or newer by calling dataBind before load, verifying source URLs, checking CORS and CSP, and confirming network connectivity in the ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md index c9f17059f..f9574867e 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/bookmark.md @@ -4,7 +4,6 @@ title: Bookmark Navigation in ASP.NET MVC PDF Viewer control | Syncfusion description: Learn how to use bookmarks for quick navigation in the Syncfusion ASP.NET MVC PDF Viewer control, enhancing user experience and accessibility. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- @@ -118,5 +117,5 @@ Here is an example of how to use the getBookmarks method: ## See also -* [Toolbar items](../toolbar-customization/) +* [Toolbar items](../toolbar) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/hyperlink.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/hyperlink.md index 2439973e4..847f93bea 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/hyperlink.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/hyperlink.md @@ -4,7 +4,6 @@ title: Hyperlink navigation in ASP.NET MVC PDF Viewer | Syncfusion description: Learn how to configure hyperlink navigation, including table-of-contents entries, in the Syncfusion PDF Viewer control for ASP.NET MVC. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- @@ -159,6 +158,6 @@ The following example demonstrates how to use these events: ## See also -- [Bookmark navigation](./bookmark-navigation) -- [Page navigation](./page-navigation) -- [Page thumbnail navigation](./page-thumbnail-navigation) +- [Bookmark navigation](./bookmark) +- [Page navigation](./page) +- [Page thumbnail navigation](./page-thumbnail) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md index e1dd32c71..d1f849293 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page-thumbnail.md @@ -4,7 +4,6 @@ title: Thumbnail Navigation in ASP.NET Core PDF Viewer control | Syncfusion description: Discover how to navigate PDF pages using thumbnails in the Syncfusion ASP.NET MVC PDF Viewer control for a visual and intuitive experience. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET Core documentation: ug --- @@ -34,5 +33,5 @@ You can enable/disable thumbnail navigation by using the following code snippet. ## See also -* [Toolbar items](../toolbar-customization/) +* [Toolbar items](../toolbar-customization) * [Feature Modules](../feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md index 0c4e201c2..1052063a1 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/navigation/page.md @@ -4,7 +4,6 @@ title: Page Navigation in ASP.NET MVC PDF Viewer control | Syncfusion description: Explore how to navigate pages in the Syncfusion ASP.NET MVC PDF Viewer control using built-in options for seamless document viewing. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- @@ -122,5 +121,5 @@ Also, you can programmatically perform page navigation options as follows. ## See also -* [Toolbar items](../toolbar-customization/) +* [Toolbar items](../toolbar) * [Feature Modules](../feature-module) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md index c189fc74b..dd91c74ac 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/events.md @@ -1,14 +1,13 @@ --- layout: post -title: Organize Pages Events in PDF Viewer | Syncfusion -description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +title: Organize Events in PDF Viewer | Syncfusion +description: Learn how to organize pages Events in the MVC PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- -# Organize Pages Events in PDF Viewer +# Organize Pages Events in ASP.NET MVC PDF Viewer The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md index 2ec2e1c5b..23cede850 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/mobile-view.md @@ -1,14 +1,13 @@ --- layout: post title: Organize Pages in Mobile PDF Viewer | Syncfusion -description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +description: Learn how to organize pages in the ASP.NET MVC mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- -# Organize Pages in Mobile PDF Viewer +# Organize Pages in Mobile ASP.NET MVC PDF Viewer The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md index b0b591daa..a18f4b546 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/programmatic-support.md @@ -1,14 +1,13 @@ --- layout: post -title: Programmatic Support for Organize Pages in ASP.NET MVC PDF Viewer control | Syncfusion +title: Programmatic Organize Pages in MVC PDF Viewer control | Syncfusion description: Learn here all about Programmatic Support for Organize Pages in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- -# Programmatic Support for Organize Pages in ASP.NET MVC PDF Viewer control +# Programmatic Support in ASP.NET MVC PDF Viewer control The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md index 215ed9851..5d427f3a5 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pdf/ui-interactions.md @@ -1,10 +1,9 @@ --- layout: post -title: UI Interactions for Organizing Pages in ASP.NET MVC PDF Viewer | Syncfusion -description: Learn about the UI interactions for organizing pages in the Syncfusion ASP.NET MVC PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. +title: UI Interactions for Organize in ASP.NET MVC PDF Viewer | Syncfusion +description: Learn about the UI interactions in the Syncfusion ASP.NET MVC PDF Viewer control, including rotating, rearranging, inserting, deleting, and copying pages. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md index 1f40e9af6..19dc5c9f8 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/annotation-toolbar.md @@ -1,15 +1,13 @@ --- layout: post -title: Annotation Toolbar Customization in ASP.NET MVC PDF Viewer control | Syncfusion +title: Annotation Toolbar in ASP.NET MVC PDF Viewer control | Syncfusion description: Learn here all about annotation toolbar customization in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Annotation Toolbar Customization -publishingplatform: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- -# Annotation Toolbar Customization +# Annotation Toolbar in ASP.NET MVC PDF Viewer The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. @@ -58,7 +56,7 @@ 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/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems/) 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/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) with the [`AnnotationToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_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/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_AnnotationToolbarItems) 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 PdfViewer and adapts responsively based on the available width. Include the Close tool to allow users to exit the annotation toolbar when needed. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md index 5085e1ec3..afbf4110c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/custom-toolbar.md @@ -4,15 +4,14 @@ title: Custom Toolbar in ASP.NET MVC PDF Viewer Component | Syncfusion description: Learn here all about custom toolbar in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- -# Custom toolbar +# Custom toolbar n ASP.NET MVC PDF Viewer The PDF Viewer exposes APIs for the interactions available in the built-in toolbar. Using these, you can build your own UI for toolbar actions at the application level by hiding the built-in toolbar. Follow these steps to create a custom toolbar for the PDF Viewer: -**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started/) to create simple PDF Viewer sample. +**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started) to create simple PDF Viewer sample. **Step 2:** Add an EJ2 Toolbar to perform primary actions like Open, Previous page, Next page, Go to page, Print, and Download using the following code snippet: diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md index d432ecece..171acee4c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/form-designer-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Form Designer Toolbar Customization in ASP.NET MVC PDF Viewer Component | Syncfusion +title: Form Designer Toolbar in MVC PDF Viewer Component | Syncfusion description: Learn here all about form designer toolbar customization in Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ publishingplatform: ASP.NET MVC documentation: ug --- -# Form Designer Toolbar Customization +# Form Designer Toolbar in ASP.NET MVC PDF Viewer The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. @@ -41,7 +41,7 @@ The following code snippet explains how to show or hide the toolbar using the `E Choose which tools appear and control their order in the form designer toolbar. -Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html/) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems/) 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. +Use [`PdfViewerToolbarSettings`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) with the [`FormDesignerToolbarItems`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_FormDesignerToolbarItems) 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`. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md index a7e77ed68..b14e79096 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/toolbar/mobile-toolbar.md @@ -1,13 +1,12 @@ --- layout: post -title: Mobile Toolbar Interface in ASP.NET MVC PDF Viewer control | Syncfusion +title: Mobile Toolbar Interface in MVC PDF Viewer control | Syncfusion description: Learn All About the Mobile Toolbar Interface in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer -publishingplatform: ASP.NET MVC documentation: ug --- -# Mobile Toolbar Interface in ASP.NET MVC PDF Viewer control +# Mobile Toolbar Interface in ASP.NET MVC PDF Viewer The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes essential tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/hyperlink.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/hyperlink.md index 5e3a49efa..fdbd58aec 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/hyperlink.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation/hyperlink.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Hyperlink navigation in PDF Viewer +# Hyperlink navigation in JavaScript PDF Viewer The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/events.md index 4b025f3d6..5f62d08bf 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/events.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/events.md @@ -1,14 +1,14 @@ --- layout: post title: Organize Pages Events in JavaScript PDF Viewer | Syncfusion -description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +description: Learn how to organize pages Events in the ES5 PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Organize Pages Events in PDF Viewer +# Organize Pages Events in JavaScript PDF Viewer The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/mobile-view.md index 4121ee709..5db99b565 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pdf/mobile-view.md @@ -1,6 +1,6 @@ --- layout: post -title: Organize Pages in Mobile PDF Viewer | Syncfusion +title: Organize Pages in JavaScript Mobile PDF Viewer | Syncfusion description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Organize Pages in Mobile PDF Viewer +# Organize Pages in JavaScript Mobile PDF Viewer The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/annotation-toolbar.md index 0aa957a83..905f849e4 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/annotation-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Annotation Toolbar Customization in JavaScript PDF Viewer control | Syncfusion +title: Annotation Toolbar in JavaScript PDF Viewer control | Syncfusion description: Learn here all about annotation toolbar customization in Syncfusion JavaScript PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Annotation Toolbar Customization @@ -9,7 +9,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Annotation Toolbar Customization +# Annotation Toolbar Customization in JavaScript The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/form-designer-toolbar.md index fb07b7ded..95ecf2d08 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar/form-designer-toolbar.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Form Designer Toolbar Customization +# Form Designer Toolbar Customization in JavaScript The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/hyperlink.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/hyperlink.md index 626f526ba..8249d0a56 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/hyperlink.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation/hyperlink.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Hyperlink navigation in PDF Viewer +# Hyperlink navigation in TypeScript PDF Viewer The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/events.md index 4ca3948a2..58aa8dff9 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/events.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/events.md @@ -1,14 +1,14 @@ --- layout: post -title: Organize Pages Events in PDF Viewer | Syncfusion -description: Learn how to organize pages Events in the PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +title: Organize Pages Events in TypeScript PDF Viewer | Syncfusion +description: Learn how to organize pages Events in the ES6 PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Organize Pages Events in PDF Viewer +# Organize Pages Events in TypeScript PDF Viewer The PDF Viewer provides events to track and respond to actions within the page organizer, allowing for the customization of page manipulation features. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/mobile-view.md index 69c40c602..df05f9ed0 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/mobile-view.md @@ -1,14 +1,14 @@ --- layout: post -title: Organize Pages in Mobile PDF Viewer | Syncfusion -description: Learn how to organize pages in the mobile PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +title: Organize Pages in TypeScript Mobile PDF Viewer | Syncfusion +description: Manage PDF pages in ES6 mobile viewer—rotate, reorder, insert, delete, and copy pages for a smooth mobile experience. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Organize Pages in Mobile PDF Viewer +# Organize Pages in TypeScript Mobile PDF Viewer The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/annotation-toolbar.md index ac3c56eab..f5cd23086 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/annotation-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Annotation Toolbar Customization in TypeScript PDF Viewer control | Syncfusion +title: Annotation Toolbar in TypeScript PDF Viewer control | Syncfusion description: Learn here all about annotation toolbar customization in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Annotation Toolbar Customization @@ -9,7 +9,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Annotation Toolbar Customization +# Annotation Toolbar Customization in TypeScript The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/custom-toolbar.md index 9c0824b69..717c3e5a7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/custom-toolbar.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Custom Toolbar +# Custom Toolbar in TypeScript PDF Viewer The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/form-designer-toolbar.md index 12332c016..1047e02cd 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/toolbar/form-designer-toolbar.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Form Designer Toolbar Customization +# Form Designer Toolbar Customization in TypeScript The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/events.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/events.md index e0dc71fe0..66f1b55b6 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/events.md +++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/events.md @@ -1,7 +1,7 @@ --- layout: post title: Organize Pages Events in PDF Viewer | Syncfusion -description: Learn how to organize pages Events in the PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +description: Learn how to organize pages Events in the React PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/mobile-view.md index c7b19756e..af07d531a 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/mobile-view.md @@ -1,14 +1,14 @@ --- layout: post -title: Organize Pages in Mobile PDF Viewer | Syncfusion -description: Learn how to organize pages in the mobile PDF viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. +title: Organize Pages in React Mobile PDF Viewer | Syncfusion +description: Organize PDF pages in React mobile viewer—rotate, rearrange, add, remove, and duplicate pages easily on mobile devices. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Organize Pages in Mobile PDF Viewer +# Organize Pages in React Mobile PDF Viewer The PDF Viewer offers a mobile-responsive layout for the `Organize Pages` feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/annotation-toolbar.md index 15fd7250f..f8855fb75 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/toolbar/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar/annotation-toolbar.md @@ -1,14 +1,14 @@ --- layout: post -title: Annotation Toolbar Customization in React Pdfviewer control | Syncfusion -description: Learn here all about annotation toolbar customization in Syncfusion React Pdfviewer control of Syncfusion Essential JS 2 and more. +title: Annotation Toolbar in React PDF viewer control | Syncfusion +description: Learn here all about annotation toolbar customization in Syncfusion React PDF viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer documentation: ug domainurl: ##DomainURL## --- -# Annotation Toolbar Customization +# Annotation Toolbar Customization in React The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/custom-toolbar.md index f5c3a186d..cb6b70d28 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/toolbar/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar/custom-toolbar.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Custom Toolbar +# Custom Toolbar in React PDF Viewer The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar. diff --git a/Document-Processing/PDF/PDF-Viewer/react/toolbar/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/toolbar/form-designer-toolbar.md index 96967ec30..63e9af5b0 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/toolbar/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/react/toolbar/form-designer-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Form Designer Toolbar Customization in React PDF Viewer Component | Syncfusion +title: Form Designer Toolbar in React PDF Viewer Component | Syncfusion description: Learn here all about form designer toolbar customization in Syncfusion React PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Form Designer Toolbar Customization +# Form Designer Toolbar Customization in React The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/navigation/hyperlink.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation/hyperlink.md index 9f302aaee..7d378eb28 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/navigation/hyperlink.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/navigation/hyperlink.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Hyperlink navigation in PDF Viewer +# Hyperlink navigation in Vue PDF Viewer The PDF Viewer consolidates hyperlink-driven experiences, including inline links and table-of-contents (TOC) entries that target in-document destinations. These elements surface contextual entry points so users can jump directly to relevant sections without manual scrolling. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md index bbd950706..7d07d7fd4 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/mobile-view.md @@ -1,6 +1,6 @@ --- layout: post -title: Organize Pages in Mobile View in Vue PDF Viewer component | Syncfusion +title: Organize Pages in vue Mobile View in Vue PDF Viewer component | Syncfusion description: Learn how to organize pages in the mobile view of the Vue PDF Viewer, including rotating, rearranging, inserting, deleting, and copying pages on mobile devices. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Organize Pages in Mobile PDF Viewer +# Organize Pages in vue Mobile PDF Viewer The PDF Viewer offers a mobile-responsive layout for the Organize Pages feature, ensuring a seamless experience on smaller devices. When viewed on a mobile device, the toolbar and navigation elements adapt to the screen size, providing easy access to all page management tools. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/annotation-toolbar.md index c87cea97f..eec6c973b 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/annotation-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Annotation Toolbar Customization in Vue PDF Viewer component | Syncfusion +title: Annotation Toolbar in Vue PDF Viewer component | Syncfusion description: Learn how to customize the annotation toolbar in the Syncfusion Vue PDF Viewer component. Show/hide the toolbar and choose which tools to display and in what order. platform: document-processing control: Annotation Toolbar Customization @@ -9,7 +9,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Annotation Toolbar Customization +# Annotation Toolbar Customization in Vue The annotation toolbar can be customized by showing or hiding default items and by controlling the order in which they appear. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md index 6ab805ebf..f7ca0bd33 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/custom-toolbar.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Custom Toolbar +# Custom Toolbar in Vue PDF Viewer The PDF Viewer provides APIs for user interaction options available in its built-in toolbar. Using these, you can create your own custom user interface for toolbar actions at the application level by hiding the default toolbar. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/toolbar/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/form-designer-toolbar.md index c37f0e2d5..ffdda0213 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/toolbar/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/toolbar/form-designer-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Form Designer Toolbar Customization in Vue PDF Viewer component | Syncfusion +title: Form Designer Toolbar in Vue PDF Viewer component | Syncfusion description: Learn how to customize the form designer toolbar in the Syncfusion Vue PDF Viewer. Show/hide the toolbar and choose which tools to display and in what order. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Form Designer Toolbar Customization +# Form Designer Toolbar Customization in Vue The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear. From ac74edaa1fa8b1e8d7d384192d5b47635087d71c Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 17:32:08 +0530 Subject: [PATCH 04/12] 989322: resolved CI issues --- .../how-to/configure-annotation-selector-setting.md | 4 ++-- .../convert-pdf-library-bounds-to-pdf-viewer-bounds.md | 4 ++-- .../PDF-Viewer/asp-net-core/how-to/custom-context-menu.md | 2 +- .../asp-net-core/how-to/custom-font-signature-field.md | 4 ++-- .../asp-net-core/how-to/customize-text-search-color.md | 4 ++-- .../how-to/display-document-without-downloading.md | 2 +- .../PDF-Viewer/asp-net-core/how-to/enable-text-selection.md | 2 +- .../asp-net-core/how-to/export-as-image-standalone.md | 2 +- .../how-to/extract-text-using-text-collections.md | 2 +- .../PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md | 2 +- .../asp-net-core/how-to/identify-added-annotation-mode.md | 6 +++--- .../PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md | 2 +- .../PDF-Viewer/asp-net-core/how-to/load-n-number-page.md | 6 +++--- .../asp-net-mvc/how-to/custom-font-signature-field.md | 2 +- .../PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md | 2 +- .../PDF/PDF-Viewer/asp-net-mvc/how-to/load-n-number-page.md | 4 ++-- .../javascript-es5/how-to/custom-font-signature-field-js.md | 2 +- .../PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md | 2 +- .../javascript-es6/how-to/custom-font-signature-field-ts.md | 2 +- .../PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md | 2 +- .../PDF/PDF-Viewer/react/how-to/custom-context-menu.md | 2 +- .../PDF-Viewer/react/how-to/custom-font-signature-field.md | 2 +- .../PDF/PDF-Viewer/react/how-to/load-n-number-page.md | 2 +- .../PDF-Viewer/vue/how-to/custom-font-signature-field.md | 2 +- .../PDF/PDF-Viewer/vue/how-to/load-n-number-page.md | 4 ++-- 25 files changed, 35 insertions(+), 35 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md index 7a94eabdd..befb2758c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md @@ -1,13 +1,13 @@ --- layout: post -title: Configure annotation selector settings in Syncfusion ASP.NET Core PDF Viewer +title: Configure annotation selector settings in Core PDF Viewer | Syncfusion description: Learn how to customize annotation selector settings in the Syncfusion ASP.NET Core PDF Viewer component for Essential JS 2. platform: document-processing control: PDF Viewer documentation: ug --- -# How to Configure Annotation Selector Settings +# How to Configure Annotation Selector Settings in ASP.NET Core ### Annotation Selector Settings diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md index f7094d55b..430cc4b44 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md @@ -1,13 +1,13 @@ --- layout: post -title: Convert PDF Library bounds to PDF Viewer bounds in ASP.NET Core | Syncfusion +title: Convert PDF Library bounds to PDF Viewer in Core | Syncfusion description: Learn how to convert PDF Library bounds into PDF Viewer bounds when exporting annotations, ensuring accurate placement in the ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer documentation: ug --- -# Convert PDF Library bounds to PDF Viewer bounds in ASP.NET Core +# Convert PDF Library bounds to PDF Viewer in ASP.NET Core When exporting annotations from the PDF Library, convert the bounds values into the PDF Viewer format to ensure accurate placement. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md index a0033246a..ae0fadae9 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-context-menu.md @@ -1,7 +1,7 @@ --- layout: post title: Customize the context menu in ASP.NET Core PDF Viewer | Syncfusion -description: Learn how to add and customize custom context menu options in the Syncfusion ASP.NET Core PDF Viewer using addCustomMenu, customContextMenuSelect, and related events. +description: Learn how to add and customize context menu options in the ASP.NET Core PDF Viewer using addCustomMenu, customContextMenuSelect, and related events. platform: document-processing control: PDF Viewer documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md index 271b6580f..d2a43e81f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/custom-font-signature-field.md @@ -1,13 +1,13 @@ --- layout: post title: Change font family in ASP.NET Core PDF Viewer | Syncfusion -description: Learn how to change the font family for form field type signatures and initials in the Syncfusion ASP.NET Core PDF Viewer using typeSignatureFonts and typeInitialFonts. +description: Learn how to change the font family for form field type signatures and initials in the ASP.NET Core PDF Viewer using typeSignatureFonts and typeInitialFonts. platform: document-processing control: PDF Viewer documentation: ug --- -# Change the font family for type signatures +# Change the font family for type signatures in ASP.NET Core Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md index 8992590ba..a9cbfb9f1 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md @@ -1,13 +1,13 @@ --- layout: post -title: Customize text search color in ASP.NET Core PDF Viewer control | Syncfusion +title: Customize text search color in Core PDF Viewer | Syncfusion description: Learn here all about Customize text search color in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Customize text search color documentation: ug --- -# Customize text search color in ASP.NET Core PDF Viewer control +# Customize textSearch color in ASP.NET Core PDF Viewer To change the text search color in the Syncfusion PDF viewer, you can use the **searchColor** property of the searchModule object. This property accepts a string value that represents the color in hexadecimal format. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md index 4af0b5d21..eba96dbc7 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md @@ -1,6 +1,6 @@ --- layout: post -title: Display PDFs without downloading in ASP.NET Core PDF Viewer +title: Display PDFs without downloading in Core PDF Viewer | Syncfusion description: Learn how to display PDF documents without triggering downloads by using the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md index 7b432f292..0e13c6562 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md @@ -1,6 +1,6 @@ --- layout: post -title: Enable or disable text selection in ASP.NET Core PDF Viewer | Syncfusion +title: Enable or disable text selection in Core PDF Viewer | Syncfusion description: Learn how to enable or disable text selection in the Syncfusion ASP.NET Core PDF Viewer using the enableTextSelection property. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md index a079da86a..5c00274c5 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/export-as-image-standalone.md @@ -7,7 +7,7 @@ control: PDF Viewer documentation: ug --- -# Export PDF pages as images +# Export PDF pages as images in ASP.NET Core PDF Viewer The PDF Viewer library enables exporting individual pages as Base64-encoded image strings by using the **exportAsImage()** method and exporting page ranges as Base64-encoded image strings by using the **exportAsImages()** method. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md index 799a41ba0..c066fcb44 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md @@ -1,6 +1,6 @@ --- layout: post -title: Extract text using TextLineCollection in Syncfusion ASP.NET Core PDF Viewer +title: Extract text using TextLineCollection in Core PDFViewer | Syncfusion description: Learn how to extract text with bounds from PDF pages by using the TextLineCollection API in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md index f8074f3d7..7db3de5d2 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/get-base64.md @@ -7,7 +7,7 @@ control: PDF Viewer documentation: ug --- -# Get Base64 value from a loaded PDF +# Get Base64 value from a loaded PDF in ASP.NET Core ### Overview diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md index ce310e6e7..e4d7f72ad 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md @@ -1,17 +1,17 @@ --- layout: post -title: Identify added annotation mode in ASP.NET Core PDF Viewer control | Syncfusion +title: Identify added annotation mode in Core PDF Viewer | Syncfusion description: Learn here all about Identify added annotation mode in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Identify added annotation mode documentation: ug --- -# Identify added annotation mode in ASP.NET Core PDF Viewer control +# Identify added annotation mode in ASP.NET Core PDF Viewer The PDF Viewer library allows you to identify whether the added annotations in PDF document is UI drawn, imported or existing annotation. Annotation mode can be identified using the [**annotationAddMode**](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationAdd) property of [**annotationSelect**](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_AnnotationSelect) event. -**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. +**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. **Step 2:** The following code snippet explains how to identify added annotation mode. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md index 81458bad8..d6b1b3fbc 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md @@ -1,6 +1,6 @@ --- layout: post -title: Install packages for ASP.NET Core PDF Viewer +title: Install packages for ASP.NET Core PDF Viewer | Syncfusion description: Learn how to install the Syncfusion ASP.NET Core PDF Viewer NuGet package and restore the required dependencies. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md index cdab9bf65..279b69baa 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-n-number-page.md @@ -1,13 +1,13 @@ --- layout: post -title: Load a specific number of pages on initial load in ASP.NET Core PDF Viewer -description: Learn how to configure the Syncfusion ASP.NET Core PDF Viewer to load a defined number of pages during the initial render by using the initialRenderPages property. +title: Load N specific number of pages in PDFViewer | Syncfusion +description: Learn how to configure the ASP.NET Core PDF Viewer to load a defined number of pages during the initial render by using the initialRenderPages property. platform: document-processing control: PDF Viewer documentation: ug --- -# Load N number of pages on initial loading +# Load N number of pages on initial loading in ASP.NET Core The initial rendering in a PDF Viewer allows users to control how many pages appear when opening a PDF document. Loading only a subset of pages can improve responsiveness because the viewer fetches additional pages on demand as the user scrolls, reducing initial download time for large files. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/custom-font-signature-field.md index 523ccfe49..12ac6bac7 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/custom-font-signature-field.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/custom-font-signature-field.md @@ -8,7 +8,7 @@ publishingplatform: ASP.NET MVC documentation: ug --- -# Change the font family for type signatures +# Change the font family for type signatures in ASP.NET MVC Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md index 59294e7c2..a9d49eab7 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/get-base64.md @@ -8,7 +8,7 @@ publishingplatform: ASP.NET MVC documentation: ug --- -# Get Base64 value from a loaded PDF +# Get Base64 value from a loaded PDF in ASP.NET MVC ### Overview diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-n-number-page.md index ef64d3b45..38153766f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-n-number-page.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-n-number-page.md @@ -1,6 +1,6 @@ --- layout: post -title: Load a specific number of pages on initial load in ASP.NET MVC PDF Viewer +title: Load number of pages on initialLoad in MVC PDFViewer | Syncfusion description: Learn how to configure the Syncfusion ASP.NET MVC PDF Viewer to load a defined number of pages during the initial render by using the initialRenderPages property. platform: document-processing control: PDF Viewer @@ -8,7 +8,7 @@ publishingplatform: ASP.NET MVC documentation: ug --- -# Load N number of pages on initial loading +# Load N number of pages on initial loading in ASP.NET MVC The initial rendering in a PDF Viewer allows users to control how many pages appear when opening a PDF document. Loading only a subset of pages can improve responsiveness because the viewer fetches additional pages on demand as the user scrolls, reducing initial download time for large files. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md index a2b60314f..9c4a3697a 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/custom-font-signature-field-js.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Change the font family for type signatures +# Change the font family for type signatures in JavaScript Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md index 6d701d67b..284fbe3d9 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/get-base64-js.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Get Base64 value from a loaded PDF +# Get Base64 value from a loaded PDF in JavaScript ### Overview diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md index ece85b705..b05de31bd 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-font-signature-field-ts.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Change the font family for type signatures +# Change the font family for type signatures in TypeScript Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md index 3e60e9c66..f4b907142 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/get-base64-ts.md @@ -7,7 +7,7 @@ control: PDF Viewer documentation: ug --- -# Get Base64 value from a loaded PDF +# Get Base64 value from a loaded PDF in TypeScript ### Overview diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md index 51b43db11..8178ae2f4 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Customize the context menu in PDF Viewer +# Customize the context menu in PDF Viewer in React PDF Viewer supports adding custom options to the context menu using the [addCustomMenu()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#addcustommenu) method. Define actions for custom items with the [customContextMenuSelect()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#customcontextMenuselect) method. diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md index 34de478d4..655842f4b 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/custom-font-signature-field.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Change the font family for type signatures +# Change the font family for type signatures in React Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts. diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md index 028e8fae1..b4354a534 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/load-n-number-page.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Load N number of pages on initial loading +# Load N number of pages on initial loading in react The initial rendering in a PDF viewer allows users to control the number of pages displayed when opening a PDF document. This improves the user experience by providing flexibility in loading a specific number of pages initially, while additional pages are dynamically rendered as the user scrolls through the document. This approach enhances the responsiveness of the PDF viewer and minimizes delays as users can access specific pages without waiting for the entire document to load. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md index 44fd5742b..bac2430cc 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-font-signature-field.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Change the font family for type signatures +# Change the font family for type signatures in Vue Change the font family for Type Signature and Initial fields by adding a stylesheet to load fonts and assigning them via the PDF Viewer settings. Include Google Font links in the HTML head to use those fonts. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md index 59f1063db..be82693d2 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-n-number-page.md @@ -1,6 +1,6 @@ --- layout: post -title: Load N number of pages on initial loading in Vue PDF Viewer component | Syncfusion +title: Load N number of pages on initial loading in Vue PDFViewer | Syncfusion description: Learn here all about Load N number of pages on initial loading in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more. control: Load N number of pages on initial loading platform: document-processing @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Load N number of pages on initial loading +# Load N number of pages on initial loading in Vue The initial rendering in a PDF viewer allows users to control the number of pages displayed when opening a PDF document. This improves the user experience by providing flexibility in loading a specific number of pages initially, while additional pages are dynamically rendered as the user scrolls through the document. This approach enhances the responsiveness of the PDF viewer and minimizes delays as users can access specific pages without waiting for the entire document to load. From 40935dcf204a48f1c50c9e5072d9953d2353f969 Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 17:35:30 +0530 Subject: [PATCH 05/12] 989322: added path in Core --- Document-Processing-toc.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 13667e6e5..9b95fd196 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -221,6 +221,7 @@
    • SignatureSelect and SignatureUnselect event
    • Controlling File Downloads
    • Minimum and Maximum Zoom Properties
      • +
    • Control Annotation Visibility
    • Custom fonts for Signature and Initial fields
    • Restrict Zoom Percentage on Mobile Devices
    • Restrict Zoom Percentage on Mobile Devices
      • From c0e94a3aacf9abc0c86c36d5e642298680790a5b Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 17:46:36 +0530 Subject: [PATCH 06/12] 989322: resolved CI issues --- .../asp-net-core/how-to/display-document-without-downloading.md | 2 +- .../asp-net-core/how-to/extract-text-using-text-collections.md | 2 +- .../PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md index eba96dbc7..ccdfa2651 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md @@ -7,7 +7,7 @@ control: PDF Viewer documentation: ug --- -# Display document without downloading +# Display document without downloading in Core PDF Viewer The PDF Viewer server library allows the control to reload a PDF from memory so users can view the file without downloading it to the local device by calling the **load** method. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md index c066fcb44..556260fe6 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md @@ -8,7 +8,7 @@ documentation: ug --- -# Extract text using TextLineCollection +# Extract text using TextLineCollection in Core PDF Viewer The PDF Viewer server library can extract text and its bounding information from a PDF page by using the **ExtractText()** method. The `TextLineCollection` output contains each line of text along with coordinates that help map the content back to the page. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md index d6b1b3fbc..b46064f06 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/install-packages.md @@ -7,7 +7,7 @@ control: PDF Viewer documentation: ug --- -# Install EJ2 PDF Viewer packages automatically +# Install EJ2 PDF Viewer packages in ASP.NET Core PDF Viewer Install the Syncfusion ASP.NET Core PDF Viewer dependencies by adding the [Syncfusion.EJ2.PdfViewer.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Core/) package to the project file. When the project is built or a `dotnet restore` runs, NuGet downloads the package and its dependencies. From 3808243b5238ee4075b467e20fc1366ec0bae7e7 Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Wed, 29 Oct 2025 18:16:49 +0530 Subject: [PATCH 07/12] 989322: resolved CI issues --- .../how-to/configure-annotation-selector-setting.md | 2 +- .../convert-pdf-library-bounds-to-pdf-viewer-bounds.md | 2 +- .../asp-net-core/how-to/customize-text-search-color.md | 4 ++-- .../how-to/display-document-without-downloading.md | 2 +- .../asp-net-core/how-to/enable-text-selection.md | 2 +- .../how-to/extract-text-using-text-collections.md | 2 +- .../asp-net-core/how-to/identify-added-annotation-mode.md | 2 +- .../vue/how-to/highlight-underline-strikeout-text.md | 8 ++++++-- 8 files changed, 14 insertions(+), 10 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md index befb2758c..9a4b3d65f 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/configure-annotation-selector-setting.md @@ -1,6 +1,6 @@ --- layout: post -title: Configure annotation selector settings in Core PDF Viewer | Syncfusion +title: Annotation Selector Settings in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to customize annotation selector settings in the Syncfusion ASP.NET Core PDF Viewer component for Essential JS 2. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md index 430cc4b44..1c007cae3 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md @@ -1,6 +1,6 @@ --- layout: post -title: Convert PDF Library bounds to PDF Viewer in Core | Syncfusion +title: Convert PDF Library bounds in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to convert PDF Library bounds into PDF Viewer bounds when exporting annotations, ensuring accurate placement in the ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md index a9cbfb9f1..11f825427 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/customize-text-search-color.md @@ -1,13 +1,13 @@ --- layout: post -title: Customize text search color in Core PDF Viewer | Syncfusion +title: Customize text search color in ASP.NET Core PDF Viewer | Syncfusion description: Learn here all about Customize text search color in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Customize text search color documentation: ug --- -# Customize textSearch color in ASP.NET Core PDF Viewer +# Customize text Search color in ASP.NET Core PDF Viewer To change the text search color in the Syncfusion PDF viewer, you can use the **searchColor** property of the searchModule object. This property accepts a string value that represents the color in hexadecimal format. diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md index ccdfa2651..77850581c 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/display-document-without-downloading.md @@ -1,6 +1,6 @@ --- layout: post -title: Display PDFs without downloading in Core PDF Viewer | Syncfusion +title: Display PDF Without Download in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to display PDF documents without triggering downloads by using the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md index 0e13c6562..b3c8e43fc 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/enable-text-selection.md @@ -1,6 +1,6 @@ --- layout: post -title: Enable or disable text selection in Core PDF Viewer | Syncfusion +title: Manage Text Selection in ASP.NET Core PDF Viewer | Syncfusion description: Learn how to enable or disable text selection in the Syncfusion ASP.NET Core PDF Viewer using the enableTextSelection property. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md index 556260fe6..02cb63941 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/extract-text-using-text-collections.md @@ -1,6 +1,6 @@ --- layout: post -title: Extract text using TextLineCollection in Core PDFViewer | Syncfusion +title: Extract Text Using TextLineCollection in ASP.NET Core | Syncfusion description: Learn how to extract text with bounds from PDF pages by using the TextLineCollection API in the Syncfusion ASP.NET Core PDF Viewer. platform: document-processing control: PDF Viewer diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md index e4d7f72ad..faf7b5cec 100644 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/identify-added-annotation-mode.md @@ -1,6 +1,6 @@ --- layout: post -title: Identify added annotation mode in Core PDF Viewer | Syncfusion +title: Identify added annotationmode in ASP.NET Core PDF Viewer | Syncfusion description: Learn here all about Identify added annotation mode in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more. platform: document-processing control: Identify added annotation mode diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md index d8467acbf..a949d8826 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/highlight-underline-strikeout-text.md @@ -15,7 +15,9 @@ Step 1: Follow the steps in the [Get started with Vue PDF Viewer](https://help.s Step 2: Add the following Vue component snippet to enable highlight, underline, and strikeout actions using button clicks. -```vue +{% tabs %} +{% highlight html tabtitle="Standalone" %} +