From 59099f30df5e25ac0f9c89a51515668457a8a47c Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Mon, 3 Nov 2025 17:34:52 +0530 Subject: [PATCH 1/4] 986772: Updated missing API in annotation --- .../annotations/free-text-annotation.md | 76 ++++++++ .../annotations/ink-annotation.md | 40 ++++- .../annotations/measurement-annotation.md | 40 +++++ .../annotations/shape-annotation.md | 73 +++++++- .../annotations/signature-annotation.md | 69 +++++++ .../annotations/stamp-annotation.md | 170 +++++++++++++++++- .../annotations/sticky-notes-annotation.md | 6 +- .../annotations/text-markup-annotation.md | 73 ++++++++ 8 files changed, 543 insertions(+), 4 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md index bc46a7f0b..cb1ef63bb 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md @@ -12,6 +12,40 @@ domainurl: ##DomainURL## The PDF Viewer control provides options to add, edit, and delete free text annotations. +## Enable or Disbale Free Text annotation + +Enables or disables the free text annotation feature in the PDF Viewer. For more details, see [enableFreeText API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablefreetext). + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Render the PDF viewer control +var viewer = new ej.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', + enableFreeText: false +}); +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +viewer.appendTo('#pdfViewer'); + +{% endhighlight %} +{% endtabs %} + ## Add a free text annotation to the PDF document Free text annotations can be added to the PDF document using the annotation toolbar. @@ -296,3 +330,45 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} + +N> To know more about FreeTextSettings, you can refer [FreeTextSettings API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#freetextsettings) + +## Set default free text placeholder + +The `isValidFreeText` property specifies whether newly added free text annotations display a placeholder. By default, `isValidFreeText` is `true`. +- `true`: Displays **Type here** as placeholder text. +- `false`: Leaves the annotation blank so that user-entered text remains visible. + +For more information, see [isValidFreeText API documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#isvalidfreetext). + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Initialize the PDF Viewer +var viewer = new ej.pdfviewer.PdfViewer({ + resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib', + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', + isValidFreeText: true, // Enables "Type here" as default text +}); + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner +); + +// Render the viewer +viewer.appendTo('#pdfViewer'); + +{% endhighlight %} +{% endtabs %} diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md index 477e9f990..d3d3c5a88 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md @@ -14,6 +14,42 @@ The PDF Viewer control provides options to add, edit, and delete ink annotations ![Ink annotations overview](../images/ink_annotation.png) +## Enable or disable ink annotation + +Enables or disables the ink annotation feature in the PDF Viewer; defaults to true. For details, see [enableInkAnnotation API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableinkannotation). + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner +); + +// Initialize the PDF Viewer +var viewer = new ej.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", + enableInkAnnotation: false // Disables ink annotation feature +}); + +// Render the viewer +viewer.appendTo('#pdfViewer'); + +{% endhighlight %} +{% endtabs %} + ## Add an ink annotation to the PDF document Ink annotations can be added to the PDF document using the annotation toolbar. @@ -267,4 +303,6 @@ pdfviewer.inkAnnotationSettings = {author: 'Syncfusion', strokeColor: 'green', t pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +N> To know more about FreeTextSettings, you can refer [inkAnnotationSettings API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#inkannotationsettings) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md index 5bda021b5..aec3a3d6d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md @@ -579,3 +579,43 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} + +## Enable or disable import annotation measurement + +Controls whether the PDF Viewer recalculates measurement values for imported measurement annotations. For details, see [enableImportAnnotationMeasurement API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableimportannotationmeasurement). + +- true: Recalculates and displays measurement values using the viewer's current scale ratio and units. +- false: Preserves the values embedded in the imported annotations (no recalculation), which can appear as original comment text. + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner + ); + + // Initialize the PDF Viewer + var viewer = new ej.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", + // Enable or disable import annotation measurement customization + enableImportAnnotationMeasurement: false + }); + + // Render the viewer + viewer.appendTo('#pdfViewer'); + +{% endhighlight %} +{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md index 3b547003b..4587a7de7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md @@ -18,6 +18,42 @@ The PDF Viewer control provides options to add, edit, and delete shape annotatio * Circle * Polygon +## Enable or disable shape annotation support + +Enables or disables the shape annotation feature in the PDF Viewer; defaults to true. For more information, see [enableShapeAnnotation API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableshapeannotation) + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner +); + +// Initialize the PDF Viewer +var viewer = new ej.pdfviewer.PdfViewer({ + resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib', + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', + enableShapeAnnotation: false // Disables shape annotation feature +}); + +// Render the viewer +viewer.appendTo('#pdfViewer'); + +{% endhighlight %} +{% endtabs %} + ![Shape annotations overview](../images/shape_annot.png) ## Adding a shape annotation to the PDF document @@ -496,6 +532,14 @@ Refer to the following code sample to set the default annotation settings. ## Set default properties during control initialization +The following properties can be used to set default shape annotation properties: + +- **lineSettings**: Default LineSettingsModel. See [LineSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#linesettings) +- **arrowSettings**: Default ArrowSettingsModel. See [ArrowSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#arrowsettings) +- **rectangleSettings**: Default RectangleSettingsModel. See [RectangleSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#rectanglesettings) +- **circleSettings**: Default CircleSettingsModel. See [CircleSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#circlesettings) +- **polygonSettings**: Default PolygonSettingsModel. See [PolygonSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#polygonsettings) + Default properties for shape annotations can be set before creating the control using LineSettings, ArrowSettings, RectangleSettings, CircleSettings, and PolygonSettings. {% tabs %} @@ -531,4 +575,31 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +## Enable or disable shape label visibility + +Enables or disables the display of shape labels in the PDF Viewer; defaults to true. For more information, see [enableShapeLabel API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableshapelabel) + +```js +// Enable or disable shape labels. +viewer.enableShapeLabel = true; +``` + +## Configure shape label settings + +Defines the settings for shape labels using the [ShapeLabelSettingsModel] API. For more information, see [shapeLabelSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#shapelabelsettings) + +```js +// Change the shape label settings. +viewer.shapeLabelSettings = { + opacity: 1, + fillColor: '#9c2592', + borderColor: '#ff0000', + fontColor: '#000', + fontSize: 16, + labelHeight: 24.6, + labelMaxWidth: 151, + labelContent: 'XYZ' +}; +```` \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md index dec244e46..96da2b707 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md @@ -106,6 +106,75 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +## Control editability of handwritten signatures after download + +Use the isSignatureEditable property to control whether handwritten signatures remain editable after download. When set to false, signatures are flattened and cannot be edited after the file is downloaded. When set to true, signatures are preserved as editable. Defaults to false. + +For details, refer to the isSignatureEditable API. + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.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", + isSignatureEditable: true // Allows handwritten signatures to remain editable after download +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% highlight ts tabtitle="Server-Backed" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", + serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/", + isSignatureEditable: true // Allows handwritten signatures to remain editable after download +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% endtabs %} + +> API reference: For more information, see [isSignatureEditable API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#issignatureeditable) + ## Add a handwritten signature programmatically to the PDF document With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [**addAnnotation()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md index 0af4ee5c8..b8c9fea5d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md @@ -119,6 +119,73 @@ if (standardBusinessStamp) { {% endhighlight %} {% endtabs %} +## Enable or disable stamp annotations + +Use the `enableStampAnnotations` API to enable or disable stamp annotation in the PDF Viewer loads. Defaults to true. + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.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", + enableStampAnnotations: false // Disables stamp annotation feature +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% highlight ts tabtitle="Server-Backed" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", + serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; + enableStampAnnotations: false // Disables stamp annotation feature +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% endtabs %} + +>API reference: For more information about enableStampAnnotations, see [enableStampAnnotations API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablestampannotations) + ## Add a custom stamp to the PDF document * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it. @@ -282,6 +349,8 @@ if (customStamp) { {% endhighlight %} {% endtabs %} +> API reference: For more information about customStamp, see [customStamp API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#customstamp) + ## Edit an existing stamp annotation programmatically To modify an existing stamp annotation programmatically, use the editAnnotation() method. @@ -378,4 +447,103 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +> API reference: For more information about stampSettings, see [stampSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#stampsettings) + +## Configure custom stamp settings + +Use the customStampSettings property (CustomStampSettingsModel) to configure default behavior and constraints for custom stamp annotations, including size, position, locking, print behavior, and enabling custom stamp mode. + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", + resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib", + customStampSettings: { + opacity: 1, + author: 'XYZ', + width: 100, + height: 100, + left: 200, + top: 200, + minHeight: 10, + minWidth: 10, + maxWidth: 100, + maxHeight: 100, + isLock: false, + enableCustomStamp: true, + allowedInteractions: ['None'], + isPrint: true + } +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% highlight ts tabtitle="Server-Backed" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", + serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/", + customStampSettings: { + opacity: 1, + author: 'XYZ', + width: 100, + height: 100, + left: 200, + top: 200, + minHeight: 10, + minWidth: 10, + maxWidth: 100, + maxHeight: 100, + isLock: false, + enableCustomStamp: true, + allowedInteractions: ['None'], + isPrint: true + } +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% endtabs %} + +> API reference: For more information about customStampSettings, see [customStampSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#customstampsettings) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md index e5a5c63bd..5f82f784a 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md @@ -213,6 +213,8 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +>API reference: For more information about stickyNotesSettings, see [stickyNotesSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#stickynotessettings) + ## Disable sticky note annotations The PDF Viewer control provides an option to disable sticky note annotations. The following example disables the feature. @@ -242,4 +244,6 @@ ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearc pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} -{% endtabs %} \ No newline at end of file +{% endtabs %} + +>API reference: For more information about enableStickyNotesAnnotation, see [enableStickyNotesAnnotation API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablestickynotesannotation) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md index 4f9df6aea..1c5016322 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md @@ -504,6 +504,11 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +> API reference: +> * For more information about highlightSettings, see [highlightSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#highlightsettings). +> * For more information about underlineSettings, see [underlineSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#underlinesettings). +> * For more information about strikethroughSettings, see [strikethroughSettings API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/#strikethroughsettings). + ## Perform undo and redo The PDF Viewer supports undo and redo for changes. For text markup annotations, undo and redo are provided for: @@ -569,6 +574,74 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +>API reference: For more information about enabletextmarkupannotation, see [enabletextmarkupannotation API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/#enabletextmarkupannotation). +## Enable or disable text markup resizer + +Enable or disable the text markup resizer using the `enableTextMarkupResizer` API. Defaults to `false`. + +{% tabs %} +{% highlight ts tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.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", + enableTextMarkupResizer: true // Enables resizing of text markup annotations +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% highlight ts tabtitle="Server-Backed" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.PageOrganizer +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", + serviceUrl: "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/", + enableTextMarkupResizer: true // Enables resizing of text markup annotations +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% endtabs %} + +>For more information about enabletextmarkupresizer, see [enabletextmarkupresizer API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enabletextmarkupresizer) + ## See also * [Toolbar items](../toolbar) From 5a50b974c3f71dc5660b77b2d6bddb092264e4a2 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Tue, 4 Nov 2025 18:34:55 +0530 Subject: [PATCH 2/4] 986772: Updated JavaScript Missing API --- .../PDF/PDF-Viewer/javascript-es5/download.md | 15 ++- .../form-designer/create-programmatically.md | 32 +++++++ .../create-with-user-interface-interaction.md | 40 +++++++- .../javascript-es5/interaction-mode.md | 2 +- .../interactive-pdf-navigation/bookmark.md | 8 ++ .../page-thumbnail.md | 14 +++ .../interactive-pdf-navigation/page.md | 16 ++++ .../javascript-es5/magnification.md | 2 +- .../PDF-Viewer/javascript-es5/navigation.md | 18 ++++ .../PDF/PDF-Viewer/javascript-es5/print.md | 17 +++- .../PDF-Viewer/javascript-es5/text-search.md | 73 +++++++++++++- .../annotation-toolbar.md | 9 ++ .../form-designer-toolbar.md | 16 ++++ .../toolbar-customization/primary-toolbar.md | 95 +++++++++++++++++++ 14 files changed, 348 insertions(+), 9 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md index 4817bb014..41890b8f1 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md @@ -9,7 +9,12 @@ domainurl: ##DomainURL## --- # Download in JavaScript PDF Viewer control -The PDF Viewer supports downloading the loaded PDF file. You can enable/disable the download using the following code snippet. +The PDF Viewer supports downloading the loaded PDF file. + +## Enable or disable download option +Use the [enableDownload](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enabledownload) property to enable or disable the download option when the PDF Viewer is loaded. It accepts a boolean value and defaults to true. + +You can enable/disable the download using the following code snippet. ```html {% raw %} @@ -99,6 +104,14 @@ document.getElementById('download').addEventListener('click', function () { {% endhighlight %} {% endtabs %} +## Customize download file name + +Use the [downloadFileName](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#downloadfilename) property to set the download file name for the PDF Viewer. It accepts a string value. For example: + +```js +viewer.downloadFileName = 'Document_Downloaded'; +``` + ## How to get the base64 string while downloading the PDF document The [downloadEnd](https://ej2.syncfusion.com/documentation/api/pdfviewer/#downloadend) event of the PDF viewer allows you to get the downloaded document as a base64 string. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md index 3a73f2b88..b4970c871 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md @@ -21,6 +21,38 @@ The PDF Viewer component provides options to add, edit, and delete form fields. - Signature field - Initial field +## Enable or Disable form designer toolbar + +Inject the FormDesigner module and set `enableFormDesigner` to `false` to display the Form Designer icon on the toolbar. The default value is `true`. You can refer [enableFormDesigner API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableformdesigner) for more information. + +Use the following code to enable or disable the form designer toolbar option. + +```js +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormDesigner, + ej.pdfviewer.FormFields +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf', + resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib', + enableFormDesigner: false // Disables the form designer feature +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); +``` + ## Add a form field to PDF document programmatically Use the addFormField method to add form fields programmatically. Pass the form field type and the corresponding property object as parameters. The following example demonstrates adding multiple fields on document load. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md index 85189f12f..68799ace5 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md @@ -23,14 +23,15 @@ The PDF Viewer component supports interactive form field design, including drawi ## Enable or Disable form designer toolbar -Inject the FormDesigner module and set enableFormDesignerToolbar to true to display the Form Designer icon on the toolbar. The default value is true. Use the following code to enable the toolbar option. +Inject the FormDesigner module and set enableFormDesignerToolbar to true to display the Form Designer icon on the toolbar. The default value is true. +You can refer to [enableFormDesignerToolbar API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableformdesigner) for more information. +Use the following code to enable the toolbar option. {% tabs %} {% highlight js tabtitle="Standalone" %} - var pdfviewer = new ej.pdfviewer.PdfViewer({ documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", enableFormDesignerToolbar: true @@ -52,6 +53,41 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +## Show or hide form designer toolbar on initial load + +Open or close the form designer toolbar when the PDF document is loaded initially in the PDF Viewer control. Use the `isFormDesignerToolbarVisible` property to get or set the annotation toolbar visible status. The default value is false. You can refer to [isFormDesignerToolbarVisible API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) for more information. + +Use the following code to enable or disable the form desinger toolbar on load: + +```js +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner +); + +// Initialize the PDF Viewer +var viewer = new ej.pdfviewer.PdfViewer({ + resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib', + documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf', + isFormDesignerToolbarVisible: true // Shows the Form Designer toolbar +}); + +// Render the viewer +viewer.appendTo('#pdfViewer'); +``` + + ## Add the form field dynamically Click the Form Field icon on the toolbar, then click on the PDF to draw a form field. See the following GIF for reference. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md index 315d4253c..1144f1564 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Interaction mode in Javascript PDF Viewer control -The PDF Viewer provides interaction mode for easy interaction with the loaded PDF document. Selection mode and panning mode are the two interactions modes. +The PDF Viewer provides interaction mode for easy interaction with the loaded PDF document. Selection mode and panning mode are the two interactions modes. You can refer to [interactionMode API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#interactionmode) for more information. ## Selection mode diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md index 92f2af106..487fc2312 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md @@ -80,6 +80,14 @@ document.getElementById('getBookmarks').addEventListener('click', () => { }); ``` +## Show or hide the bookmark panel on load + +The `isBookmarkPanelOpen` property gets or sets a boolean value to show or hide the bookmark panel while loading a document. Defaults to false. You can refer to [isBookmarkPanelOpen API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isbookmarkpanelopen) for mor Details + +```js + viewer.isBookmarkPanelOpen = true; +``` + ## See also * [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/toolbar) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail.md index 4b0d1dda6..ef3c70392 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page-thumbnail.md @@ -47,6 +47,20 @@ pdfviewer.appendTo('#PdfViewer'); ![Alt text](../images/thumbnail.png) +## Enable or disable thumbnail view on load + +The `enableThumbnail` property gets or sets a boolean value to enable or disable the thumbnail view in PDF Viewer while loading a document. Defaults to true. You can refer to [enableThumbnail API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablethumbnail) for more information. + +```js + viewer.enableThumbnail = false; +``` +## Show or hide thumbnail view panel on load + +The `isThumbnailViewOpen` property gets or sets a boolean value to show or hide the thumbnail view while loading a document. Defaults to false. You can refer to [isThumbnailViewOpen API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isthumbnailviewopen) for more information. + +```js + viewer.isThumbnailViewOpen = true; +``` ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md index 89a0bd4f2..c80a17bd3 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md @@ -175,6 +175,22 @@ viewer.navigation.goToPreviousPage(); Find the sample [here](https://stackblitz.com/edit/kpzmjpf7?file=index.js) to perform the page navigation options programmatically. +## Enable or disable navigation module and toolbar on load + +The `enableNavigation` property gets or sets a boolean value to enable or disable the page navigation of PDF Viewer while loading a document. Defaults to true. You can refer to [enableNavigation API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablenavigation ) for more information. + +```js + // Enable or disable page navigation + viewer.enableNavigation = true; +``` + +The `enableNavigationToolbar` property gets or sets a boolean value to enable or disable the navigation toolbar of PDF Viewer while loading a document. Defaults to true. You can refer to [enableNavigationToolbar API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablenavigationtoolbar) for more information. + +```js + // Enable or disable navigation toolbar + viewer.enableNavigationToolbar = true; +``` + ## See also * [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/toolbar) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md index 9a2dfb35e..02186cc36 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Magnification in JavaScript PDF Viewer -The PDF Viewer includes magnification tools in the default toolbar: Zoom In, Zoom Out, Zoom (to a specific value), Fit to Page, and Fit to Width. The toolbar can be configured to show or hide these tools. +The PDF Viewer includes magnification tools in the default toolbar: Zoom In, Zoom Out, Zoom (to a specific value), Fit to Page, and Fit to Width. The toolbar can be configured to show or hide these tools. You can refer to [enableMagnification API Documention](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablemagnification) for more information. Use the following configuration to enable magnification in the PDF Viewer: diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md index 52aa2d27e..264594e6c 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md @@ -12,6 +12,24 @@ domainurl: ##DomainURL## The JavaScript PDF Viewer supports multiple navigation options, including toolbar controls, programmatic commands, bookmarks, thumbnails, hyperlinks, and table of contents. +## Enable or disable navigation features + +The following properties allow you to toggle navigation: + +**enableNavigation** (boolean) + Enables or disables the Navigation module of PDF Viewer. Defaults to true. [API reference](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablenavigation) + ```js + // Enable or disable navigation + viewer.enableNavigation = false; + ``` + +**enableNavigationToolbar** (boolean) + Enables or disables the Navigation toolbar of PDF Viewer. Defaults to true. [API reference](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablenavigationtoolbar) + ```js + // Enable or disable navigation toolbar + viewer.enableNavigationToolbar = true; + ``` + ## Toolbar page navigation option The default toolbar includes the following navigation options: diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md index 2140ed3dd..4b04dc085 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md @@ -9,9 +9,18 @@ domainurl: ##DomainURL## --- # Print in JavaScript PDF Viewer -The Syncfusion JavaScript PDF Viewer component lets users print a loaded PDF document through the built-in toolbar or programmatic calls. Control whether printing is available by setting the `enablePrint` property. +The PDF Viewer supports printing the loaded PDF file. -The following HTML and JavaScript examples render the PDF Viewer with printing enabled in standalone and server-backed applications. +## Enable or disable print option. + +The `enablePrint` property enables or disables the print option of the PDF Viewer. The default value is `true`. For more details, see the [enablePrint](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableprint) API documentation. + +```js + // Enable or disable print. + viewer.enablePrint = false; +``` + +You can enable/disable the print using the following code snippet. ```html {% raw %} @@ -142,7 +151,9 @@ pdfviewer.appendTo('#PdfViewer'); ## Enable print rotation in the PDF Viewer -Set the `enablePrintRotation` property to control whether landscape pages are rotated automatically to fit the paper orientation. Keep it enabled to minimize clipping, or disable it to preserve the original orientation. +The `EnablePrintRotation` property controls whether landscape pages are auto-rotated to best fit when printing. The default value is `true`. Set to `false` to preserve the original page orientation and suppress automatic rotation during print. You can refer to [EnablePrintRotation API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableprintrotation) for more information. + +You can enable/disable the print rotation using the following code snippet. {% tabs %} {% highlight js tabtitle="Standalone" %} diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md index 0fa5479f0..1e9e22b4c 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md @@ -9,7 +9,13 @@ domainurl: ##DomainURL## --- # Text search in JavaScript PDF Viewer control -The text search feature in the PDF Viewer locates and highlights matching content within a document. Enable or disable this capability with the following configuration. +The Text Search option in PDF Viewer is used to find and highlight the text content from the document. + +## Enable or disable text search option. + +Use [enableTextSearch](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enabletextsearch) to enable or disable the text search in the PDF Viewer. + +You can enable/disable the text search using the following code snippet. ```html {% raw %} @@ -57,6 +63,71 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +## Customize text search highlight colors + +Use [textSearchColorSettings](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#textsearchcolorsettings) property to customize the color of the text search highlight and search term. + +You can customize the highlight and search colors using the following code snippet. + +{% tabs %} +{% highlight js tabtitle="Standalone" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.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', + textSearchColorSettings: { + searchHighlightColor: '#4070ff', + searchColor: '#FF4081' + } +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% highlight js tabtitle="Server-Backed" %} + +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.Annotation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection +); + +// Initialize the PDF Viewer +var pdfviewer = new ej.pdfviewer.PdfViewer({ + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', + serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/', + textSearchColorSettings: { + searchHighlightColor: '#4070ff', + searchColor: '#FF4081' + } +}); + +// Render the viewer +pdfviewer.appendTo('#PdfViewer'); + +{% endhighlight %} +{% endtabs %} + ## Text search features ### Real-time search suggestions while typing diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md index 905f849e4..d8df6ec01 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md @@ -64,6 +64,15 @@ document.getElementById('set').addEventListener('click', function () { {% endhighlight %} {% endtabs %} +## Show annotation toolbar on initial load and retrieve visible status + +The `isAnnotationToolbarVisible` property gets or sets a boolean value to open the annotation toolbar when the PDF Viewer control loads a document initially and retrieve its visible status. Defaults to false. See [isAnnotationToolbarVisible API documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isannotationtoolbarvisible) for details. + +```js +// Show annotation toolbar on initial load and check visibility +viewer.isAnnotationToolbarVisible = true; +``` + ## How to customize the annotation toolbar Choose which tools appear and control their order in the annotation toolbar. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md index 95ecf2d08..2fe8ba07c 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md @@ -59,6 +59,22 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +### Enable or disable form designer toolbar on initial load + +Use the [enableFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enableformdesignertoolbar) property to open the form designer toolbar when the PDF document is loaded initially. It accepts a boolean value and defaults to true. + +```js +viewer.enableFormDesignerToolbar = false; +``` + +### Show form designer toolbar on initial load and retrieve visible status + +Use the [`isFormDesignerToolbarVisible`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) property to open the form designer toolbar when the PDF document is loaded initially and retrieve its visible status. It accepts a boolean value and defaults to false. + +```js +viewer.isFormDesignerToolbarVisible = true; +``` + ## How to customize the form designer toolbar Choose which tools appear and control their order in the form designer toolbar. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md index 6ac15e378..7ebb57fc0 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md @@ -57,6 +57,18 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} +## Enable or disable navigation toolbar on load + +Use the [enableNavigationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablenavigationtoolbar) property to show or hide the navigation toolbar when the PDF Viewer is loaded. + +Show or hide the navigation toolbar using the `enableNavigationToolbar` property: + +```js + // Enable or disable navigation tool bar. +viewer.enableNavigationToolbar = true; +``` + + The following code snippet explains how to show or hide the toolbar using the `showToolbar` method. {% tabs %} @@ -99,3 +111,86 @@ document.getElementById('set').addEventListener('click', function () { {% endhighlight %} {% endtabs %} + +## Configure toolbar settings + +Use the [toolbarSettings](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#toolbarsettings) property to define the settings of the PDF Viewer toolbar. It accepts a `ToolbarSettingsModel` object for configuring primary, annotation, and form designer toolbars. + +The following example demonstrates how to customize tooltip visibility and the toolbar items for each toolbar: + +```js +// Inject required modules +ej.pdfviewer.PdfViewer.Inject( + ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, + ej.pdfviewer.Navigation, + ej.pdfviewer.LinkAnnotation, + ej.pdfviewer.ThumbnailView, + ej.pdfviewer.BookmarkView, + ej.pdfviewer.TextSelection, + ej.pdfviewer.TextSearch, + ej.pdfviewer.Print, + ej.pdfviewer.Annotation, + ej.pdfviewer.FormFields, + ej.pdfviewer.FormDesigner +); + +// Initialize the PDF Viewer +var viewer = new ej.pdfviewer.PdfViewer({ + resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib', + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', + toolbarSettings: { + showTooltip: false, + toolbarItems: [ + 'OpenOption', + 'UndoRedoTool', + 'PageNavigationTool', + 'MagnificationTool', + 'PanTool', + 'SelectionTool', + 'CommentTool', + 'SubmitForm', + 'AnnotationEditTool', + 'FormDesignerEditTool', + 'SearchOption', + 'PrintOption', + 'DownloadOption' + ], + annotationToolbarItems: [ + 'HighlightTool', + 'UnderlineTool', + 'StrikethroughTool', + 'ColorEditTool', + 'OpacityEditTool', + 'AnnotationDeleteTool', + 'StampAnnotationTool', + 'HandWrittenSignatureTool', + 'InkAnnotationTool', + 'ShapeTool', + 'CalibrateTool', + 'StrokeColorEditTool', + 'ThicknessEditTool', + 'FreeTextAnnotationTool', + 'FontFamilyAnnotationTool', + 'FontSizeAnnotationTool', + 'FontStylesAnnotationTool', + 'FontAlignAnnotationTool', + 'FontColorAnnotationTool', + 'CommentPanelTool' + ], + formDesignerToolbarItems: [ + 'TextboxTool', + 'PasswordTool', + 'CheckBoxTool', + 'RadioButtonTool', + 'DropdownTool', + 'ListboxTool', + 'DrawSignatureTool', + 'DeleteTool' + ] + } +}); + +// Render the viewer +viewer.appendTo('#pdfViewer'); +``` \ No newline at end of file From 3911443a2e35c7a9dc488702b0939608ece3a4a7 Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Thu, 6 Nov 2025 11:40:37 +0530 Subject: [PATCH 3/4] 986772: Resolved Front matter and spelling errors --- .../javascript-es5/annotations/free-text-annotation.md | 2 +- .../javascript-es5/annotations/signature-annotation.md | 2 +- .../javascript-es5/annotations/text-markup-annotation.md | 4 ++-- .../form-designer/create-with-user-interface-interaction.md | 2 +- .../PDF/PDF-Viewer/javascript-es5/interaction-mode.md | 2 +- .../javascript-es5/interactive-pdf-navigation/bookmark.md | 2 +- .../PDF/PDF-Viewer/javascript-es5/magnification.md | 2 +- Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md | 2 +- .../toolbar-customization/annotation-toolbar.md | 1 - .../toolbar-customization/form-designer-toolbar.md | 2 +- 10 files changed, 10 insertions(+), 11 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md index cb1ef63bb..ea2d12e36 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md @@ -12,7 +12,7 @@ domainurl: ##DomainURL## The PDF Viewer control provides options to add, edit, and delete free text annotations. -## Enable or Disbale Free Text annotation +## Enable or Disable Free Text annotation Enables or disables the free text annotation feature in the PDF Viewer. For more details, see [enableFreeText API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablefreetext). diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md index 96da2b707..434c98e4b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md @@ -106,7 +106,7 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} -## Control editability of handwritten signatures after download +## Control ability to edit handwritten signatures after download Use the isSignatureEditable property to control whether handwritten signatures remain editable after download. When set to false, signatures are flattened and cannot be edited after the file is downloaded. When set to true, signatures are preserved as editable. Defaults to false. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md index 1c5016322..21a0c7613 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md @@ -574,7 +574,7 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} ->API reference: For more information about enabletextmarkupannotation, see [enabletextmarkupannotation API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/#enabletextmarkupannotation). +>API reference: For more information about enableTextMarkupAnnotation, see [enableTextMarkupAnnotation API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/#enabletextmarkupannotation). ## Enable or disable text markup resizer Enable or disable the text markup resizer using the `enableTextMarkupResizer` API. Defaults to `false`. @@ -640,7 +640,7 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} ->For more information about enabletextmarkupresizer, see [enabletextmarkupresizer API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enabletextmarkupresizer) +>For more information about enableTextMarkupResizer, see [enableTextMarkupResizer API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enabletextmarkupresizer) ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md index 68799ace5..d2c8902f7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-with-user-interface-interaction.md @@ -57,7 +57,7 @@ pdfviewer.appendTo('#PdfViewer'); Open or close the form designer toolbar when the PDF document is loaded initially in the PDF Viewer control. Use the `isFormDesignerToolbarVisible` property to get or set the annotation toolbar visible status. The default value is false. You can refer to [isFormDesignerToolbarVisible API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) for more information. -Use the following code to enable or disable the form desinger toolbar on load: +Use the following code to enable or disable the form designer toolbar on load: ```js // Inject required modules diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md index 1144f1564..891a1bc08 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interaction-mode.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Interaction mode in Javascript PDF Viewer control +# Interaction mode in JavaScript PDF Viewer control The PDF Viewer provides interaction mode for easy interaction with the loaded PDF document. Selection mode and panning mode are the two interactions modes. You can refer to [interactionMode API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#interactionmode) for more information. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md index 487fc2312..d56e37075 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/bookmark.md @@ -82,7 +82,7 @@ document.getElementById('getBookmarks').addEventListener('click', () => { ## Show or hide the bookmark panel on load -The `isBookmarkPanelOpen` property gets or sets a boolean value to show or hide the bookmark panel while loading a document. Defaults to false. You can refer to [isBookmarkPanelOpen API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isbookmarkpanelopen) for mor Details +The `isBookmarkPanelOpen` property gets or sets a boolean value to show or hide the bookmark panel while loading a document. Defaults to false. You can refer to [isBookmarkPanelOpen API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#isbookmarkpanelopen) for more Details ```js viewer.isBookmarkPanelOpen = true; diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md index 02186cc36..e7ee082cf 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Magnification in JavaScript PDF Viewer -The PDF Viewer includes magnification tools in the default toolbar: Zoom In, Zoom Out, Zoom (to a specific value), Fit to Page, and Fit to Width. The toolbar can be configured to show or hide these tools. You can refer to [enableMagnification API Documention](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablemagnification) for more information. +The PDF Viewer includes magnification tools in the default toolbar: Zoom In, Zoom Out, Zoom (to a specific value), Fit to Page, and Fit to Width. The toolbar can be configured to show or hide these tools. You can refer to [enableMagnification API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#enablemagnification) for more information. Use the following configuration to enable magnification in the PDF Viewer: diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md index 4b04dc085..a1f69e980 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md @@ -238,7 +238,7 @@ viewer.appendTo('#PdfViewer'); ## Print events -Subscribe to print lifecycle events to track usage and implement custom workflows. +Subscribe to print life cycle events to track usage and implement custom workflows. | Name | Description | |--------------|-------------| diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md index d8df6ec01..82dfdc71b 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md @@ -4,7 +4,6 @@ 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 -publishingplatform: PDF Viewer documentation: ug domainurl: ##DomainURL## --- diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md index 2fe8ba07c..1572fb899 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md @@ -1,6 +1,6 @@ --- layout: post -title: Form Designer Toolbar Customization in JavaScript PDF Viewer Component | Syncfusion +title: Form Designer Toolbar in JavaScript PDF Viewer Component | Syncfusion description: Learn here all about form designer toolbar customization in Syncfusion JavaScript PDF Viewer component of Syncfusion Essential JS 2 and more. platform: document-processing control: PDF Viewer From acecfa35f9bd551d9cc7e7e3d7f7a2008e601ebf Mon Sep 17 00:00:00 2001 From: SF4524LogeshKumar Date: Thu, 6 Nov 2025 17:49:05 +0530 Subject: [PATCH 4/4] 986772: Resolved 59 trailing slash errors --- .../annotations/free-text-annotation.md | 2 +- .../annotations/ink-annotation.md | 2 +- .../annotations/measurement-annotation.md | 2 +- .../annotations/shape-annotation.md | 2 +- .../annotations/signature-annotation.md | 2 +- .../annotations/stamp-annotation.md | 2 +- .../annotations/sticky-notes-annotation.md | 2 +- .../annotations/text-markup-annotation.md | 12 +++++------ .../PDF/PDF-Viewer/javascript-es5/download.md | 2 +- .../form-designer/create-programmatically.md | 2 +- .../interactive-pdf-navigation/page.md | 10 +++++----- .../javascript-es5/magnification.md | 10 +++++----- .../PDF-Viewer/javascript-es5/navigation.md | 14 ++++++------- .../PDF/PDF-Viewer/javascript-es5/print.md | 10 +++++----- .../PDF-Viewer/javascript-es5/text-search.md | 20 +++++++++---------- .../annotation-toolbar.md | 4 ++-- .../form-designer-toolbar.md | 4 ++-- .../toolbar-customization/primary-toolbar.md | 2 +- 18 files changed, 52 insertions(+), 52 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md index ea2d12e36..ee17df914 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/free-text-annotation.md @@ -108,7 +108,7 @@ if (addFreeTextAnnotationButton) { ## Add a free text annotation programmatically to the PDF document -The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#annotation) method. +The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#annotation) method. Here is an example of adding a free text annotation programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md index d3d3c5a88..01b7e51bd 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/ink-annotation.md @@ -111,7 +111,7 @@ if (addInkAnnotation) { ## Add an ink annotation programmatically to the PDF document -The PDF Viewer library allows adding an ink annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method. +The PDF Viewer library allows adding an ink annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#annotation) method. Here is an example of adding an ink annotation programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md index aec3a3d6d..6acda108f 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/measurement-annotation.md @@ -82,7 +82,7 @@ if (distanceMode) { ## Add a measurement annotation to the PDF document programmatically -The PDF Viewer library allows adding measurement annotations programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method. +The PDF Viewer library allows adding measurement annotations programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#annotation) method. Here is an example showing how to add measurement annotations programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md index 4587a7de7..fcb797fee 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/shape-annotation.md @@ -120,7 +120,7 @@ if (circleAnnotationButton) { ## Add a shape annotation to the PDF document programmatically -The PDF Viewer library allows adding a shape annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +The PDF Viewer library allows adding a shape annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Here is an example showing how to add shape annotations programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md index 434c98e4b..4e1732cc7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/signature-annotation.md @@ -177,7 +177,7 @@ pdfviewer.appendTo('#PdfViewer'); ## Add a handwritten signature programmatically to the PDF document -With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [**addAnnotation()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method. +With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [**addAnnotation()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#annotation) method. Here is an example of adding a handwritten signature programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md index b8c9fea5d..3c6596e92 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/stamp-annotation.md @@ -200,7 +200,7 @@ pdfviewer.appendTo('#PdfViewer'); ## Add a stamp annotation to the PDF document programmatically -The PDF Viewer library allows adding a stamp annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#annotation) method. +The PDF Viewer library allows adding a stamp annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#annotation) method. Here are examples showing how to add stamp annotations programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md index 5f82f784a..46548177d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/sticky-notes-annotation.md @@ -34,7 +34,7 @@ Annotation comments can be added using the comment panel. ## Add a sticky note annotation to the PDF document programmatically -The PDF Viewer library allows adding a sticky note annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method. +The PDF Viewer library allows adding a sticky note annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#addannotation) method. Here is an example showing how to add a sticky note annotation programmatically using addAnnotation(): diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md index 21a0c7613..e466b304d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/text-markup-annotation.md @@ -65,7 +65,7 @@ Add the below `serviceUrl` in the `index.html` file ## Highlight text programmatically -Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add highlights using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -171,7 +171,7 @@ Add the below `serviceUrl` in the `index.html` file ## Underline text programmatically -Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add underlines using the [addAnnotation](https://ej2.syncfusion.com/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -277,7 +277,7 @@ Add the below `serviceUrl` in the `index.html` file ## Strikethrough text programmatically -Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add strikethrough using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -381,7 +381,7 @@ Add the below `serviceUrl` in the `index.html` file ## Add squiggly to text programmatically -Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method. +Programmatically add squiggly using the [addAnnotation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation#addannotation) method. Example: @@ -507,7 +507,7 @@ pdfviewer.appendTo('#PdfViewer'); > API reference: > * For more information about highlightSettings, see [highlightSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#highlightsettings). > * For more information about underlineSettings, see [underlineSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#underlinesettings). -> * For more information about strikethroughSettings, see [strikethroughSettings API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/#strikethroughsettings). +> * For more information about strikethroughSettings, see [strikethroughSettings API Documentation](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/index-default#strikethroughsettings). ## Perform undo and redo @@ -574,7 +574,7 @@ pdfviewer.appendTo('#PdfViewer'); {% endhighlight %} {% endtabs %} ->API reference: For more information about enableTextMarkupAnnotation, see [enableTextMarkupAnnotation API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer/#enabletextmarkupannotation). +>API reference: For more information about enableTextMarkupAnnotation, see [enableTextMarkupAnnotation API Documentation](https://ej2.syncfusion.com/documentation/api/pdfviewer#enabletextmarkupannotation). ## Enable or disable text markup resizer Enable or disable the text markup resizer using the `enableTextMarkupResizer` API. Defaults to `false`. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md index 41890b8f1..54b8a768c 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/download.md @@ -114,7 +114,7 @@ viewer.downloadFileName = 'Document_Downloaded'; ## How to get the base64 string while downloading the PDF document -The [downloadEnd](https://ej2.syncfusion.com/documentation/api/pdfviewer/#downloadend) event of the PDF viewer allows you to get the downloaded document as a base64 string. +The [downloadEnd](https://ej2.syncfusion.com/documentation/api/pdfviewer#downloadend) event of the PDF viewer allows you to get the downloaded document as a base64 string. The following code illustrates how to get the downloaded document as a base64 string. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md index b4970c871..698c34d49 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/form-designer/create-programmatically.md @@ -1270,7 +1270,7 @@ pdfviewer.listBoxFieldSettings = { ### DropDown field settings -Using the [updateFormField](https://ej2.syncfusion.com/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/documentation/api/pdfviewer#updateformfields) method, the form fields can be updated programmatically. The following example updates DropDown field properties on a button click. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md index c80a17bd3..c8e89c0b3 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/interactive-pdf-navigation/page.md @@ -16,11 +16,11 @@ The JavaScript PDF Viewer supports different internal and external navigations. The default toolbar of PDF Viewer contains the following navigation options -* [**Go to page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopage):- Navigates to the specific page of a PDF document. -* [**Show next page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotonextpage):- Navigates to the next page of PDF a document. -* [**Show previous page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopreviouspage):- Navigates to the previous page of a PDF document. -* [**Show first page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotofirstpage):- Navigates to the first page of a PDF document. -* [**Show last page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotolastpage):- Navigates to the last page of a PDF document. +* [**Go to page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotopage):- Navigates to the specific page of a PDF document. +* [**Show next page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotonextpage):- Navigates to the next page of PDF a document. +* [**Show previous page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotopreviouspage):- Navigates to the previous page of a PDF document. +* [**Show first page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotofirstpage):- Navigates to the first page of a PDF document. +* [**Show last page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotolastpage):- Navigates to the last page of a PDF document. ```html diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md index e7ee082cf..218682759 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/magnification.md @@ -62,11 +62,11 @@ pdfviewer.appendTo('#PdfViewer'); The following magnification options are available in the default toolbar of PDF Viewer, -* [**ZoomIn**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#zoomin):- Zoom in from the current zoom value of PDF pages. -* [**ZoomOut**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#zoomout):- Zoom out from the current zoom value of PDF pages. -* [**Zoom**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#zoomto):- Zoom to specific zoom value of PDF pages. -* [**FitPage**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#fittopage):- Fits the page width with in the available view port size. -* [**FitWidth**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#fittowidth):- Fits the view port width based on the page content size. +* [**ZoomIn**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification#zoomin):- Zoom in from the current zoom value of PDF pages. +* [**ZoomOut**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification#zoomout):- Zoom out from the current zoom value of PDF pages. +* [**Zoom**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification#zoomto):- Zoom to specific zoom value of PDF pages. +* [**FitPage**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification#fittopage):- Fits the page width with in the available view port size. +* [**FitWidth**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification#fittowidth):- Fits the view port width based on the page content size. ![Magnification tools in PDF Viewer](./images/zoom.png) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md index 264594e6c..2fa65ee9d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/navigation.md @@ -34,11 +34,11 @@ The following properties allow you to toggle navigation: The default toolbar includes the following navigation options: -* [**Go to page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopage):- Navigates to the specific page of a PDF document. -* [**Show next page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotonextpage):- Navigates to the next page of PDF a document. -* [**Show previous page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopreviouspage):- Navigates to the previous page of a PDF document. -* [**Show first page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotofirstpage):- Navigates to the first page of a PDF document. -* [**Show last page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotolastpage):- Navigates to the last page of a PDF document. +* [**Go to page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotopage):- Navigates to the specific page of a PDF document. +* [**Show next page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotonextpage):- Navigates to the next page of PDF a document. +* [**Show previous page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotopreviouspage):- Navigates to the previous page of a PDF document. +* [**Show first page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotofirstpage):- Navigates to the first page of a PDF document. +* [**Show last page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation#gotolastpage):- Navigates to the last page of a PDF document. ```html {% raw %} @@ -366,5 +366,5 @@ pdfviewer.appendTo('#PdfViewer'); ## See also -* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/toolbar/) -* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/feature-module/) +* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/toolbar) +* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/feature-module) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md index a1f69e980..73cef8e8d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/print.md @@ -114,7 +114,7 @@ document.getElementById('print').addEventListener('click', function () { ## Customize print quality using the printScaleFactor API -The PDF Viewer allows you to adjust the print rendering quality by setting the [printScaleFactor](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#printScaleFactor) property. Valid values range from 0.5 to 5. Higher values produce sharper output but also increase rendering time. +The PDF Viewer allows you to adjust the print rendering quality by setting the [printScaleFactor](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#printScaleFactor) property. Valid values range from 0.5 to 5. Higher values produce sharper output but also increase rendering time. By default, `printScaleFactor` is set to 1. @@ -246,10 +246,10 @@ Subscribe to print life cycle events to track usage and implement custom workflo | `printEnd` | Raised after a print action completes. Use the event to notify users or clean up resources. | ### printStart event -The [`printStart`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#printstart) event runs when printing starts from the toolbar or from code. Use it to validate prerequisites or cancel the action. +The [`printStart`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#printstart) event runs when printing starts from the toolbar or from code. Use it to validate prerequisites or cancel the action. #### Event arguments -Review [`PrintStartEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/printStartEventArgs/) for details such as `fileName` and the `cancel` option. +Review [`PrintStartEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/printStartEventArgs) for details such as `fileName` and the `cancel` option. The following example logs the file that is being printed and shows how to cancel the operation. @@ -292,10 +292,10 @@ viewer.appendTo('#PdfViewer'); {% endtabs %} ### printEnd event -The [`printEnd`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#printend) event triggers after printing completes. Use it to finalize analytics or inform users that printing finished. +The [`printEnd`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#printend) event triggers after printing completes. Use it to finalize analytics or inform users that printing finished. #### Event arguments -See [`PrintEndEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/printEndEventArgs/) for available values such as `fileName`. +See [`PrintEndEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/printEndEventArgs) for available values such as `fileName`. The following example logs the printed file name. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md index 1e9e22b4c..7d14747bb 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/text-search.md @@ -205,10 +205,10 @@ pdfviewer.textSearch.searchText('pdf', false, true); The following text search methods are available in the PDF Viewer, -* [**Search text**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchtext): Searches the target text in the PDF document and highlights each occurrence in the pages. -* [**Search next**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchnext): Searches the next occurrence of the current query from the active match. -* [**Search previous**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchprevious): Searches the previous occurrence of the current query from the active match. -* [**Cancel text search**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#canceltextsearch): Cancels the current text search and removes the highlighted occurrences from the PDF Viewer. +* [**Search text**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch#searchtext): Searches the target text in the PDF document and highlights each occurrence in the pages. +* [**Search next**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch#searchnext): Searches the next occurrence of the current query from the active match. +* [**Search previous**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch#searchprevious): Searches the previous occurrence of the current query from the active match. +* [**Cancel text search**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch#canceltextsearch): Cancels the current text search and removes the highlighted occurrences from the PDF Viewer. ![Alt text](./images/search.png) @@ -379,9 +379,9 @@ The PDF Viewer triggers events during text search operations, allowing you to cu ### textSearchStart -The [textSearchStart](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#textsearchstart) event fires as soon as a search begins from the toolbar interface or through the `textSearch.searchText` method. Use it to reset UI state, log analytics, or cancel the default search flow before results are processed. +The [textSearchStart](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#textsearchstart) event fires as soon as a search begins from the toolbar interface or through the `textSearch.searchText` method. Use it to reset UI state, log analytics, or cancel the default search flow before results are processed. -- Event arguments: [TextSearchStartEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/textSearchStartEventArgs/) exposes: +- Event arguments: [TextSearchStartEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/textSearchStartEventArgs) exposes: - `searchText`: the term being searched. - `matchCase`: indicates whether case-sensitive search is enabled. - `isMatchWholeWord`: indicates whether whole-word matching is enabled. @@ -400,9 +400,9 @@ viewer.appendTo('#pdfViewer'); ### textSearchHighlight -The [textSearchHighlight](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#textsearchhighlight) event triggers whenever a search result is brought into view, including navigation between matches. Use it to draw custom overlays or synchronize adjacent UI elements when a match is highlighted. +The [textSearchHighlight](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#textsearchhighlight) event triggers whenever a search result is brought into view, including navigation between matches. Use it to draw custom overlays or synchronize adjacent UI elements when a match is highlighted. -- Event arguments: [TextSearchHighlightEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/textSearchHighlightEventArgs/) exposes: +- Event arguments: [TextSearchHighlightEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/textSearchHighlightEventArgs) exposes: - `bounds`: `RectangleBoundsModel | RectangleBoundsModel[]` representing the highlighted match. - `pageNumber`: page index where the match is highlighted. - `searchText`: the active search term. @@ -421,13 +421,13 @@ viewer.appendTo('#pdfViewer'); ### textSearchComplete -The [textSearchComplete](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/#textsearchcompleteevent) event runs after the search engine finishes scanning the document for the current query. Use it to update match counts, toggle navigation controls, or notify users when no results were found. +The [textSearchComplete](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer#textsearchcompleteevent) event runs after the search engine finishes scanning the document for the current query. Use it to update match counts, toggle navigation controls, or notify users when no results were found. - Typical uses: - Update UI with the total number of matches and enable navigation controls. - Hide loading indicators or show a "no results" message if none were found. - Record analytics for search effectiveness. -- Event arguments: [TextSearchCompleteEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/textSearchCompleteEventArgs/) exposes: +- Event arguments: [TextSearchCompleteEventArgs](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/textSearchCompleteEventArgs) exposes: - `totalMatches`: total number of occurrences found. - `isMatchFound`: indicates whether at least one match was found. - `searchText`: the searched term. diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md index 82dfdc71b..2c41edf9f 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/annotation-toolbar.md @@ -16,7 +16,7 @@ The annotation toolbar can be customized by showing or hiding default items and Show or hide the annotation toolbar programmatically during initialization or at runtime. -Use the [EnableAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel/#enableannotationtoolbar) property or the [showAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showannotationtoolbar) method to toggle visibility. +Use the [EnableAnnotationToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel#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. @@ -76,7 +76,7 @@ viewer.isAnnotationToolbarVisible = true; Choose which tools appear and control their order in the annotation toolbar. -Use [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) with the [`AnnotationToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/#annotationtoolbaritems) property to choose which tools are displayed in the annotation toolbar. The property accepts a list of [`AnnotationToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationToolbarItem/) 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://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings) with the [`AnnotationToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings#annotationtoolbaritems) property to choose which tools are displayed in the annotation toolbar. The property accepts a list of [`AnnotationToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotationToolbarItem) 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 PDF Viewer 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/javascript-es5/toolbar-customization/form-designer-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md index 1572fb899..ad2da78d0 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/form-designer-toolbar.md @@ -16,7 +16,7 @@ The form designer toolbar can be customized by showing or hiding default items a Show or hide the form designer toolbar programmatically during initialization or at runtime. -Use the [EnableFormDesigner](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel/#enableformdesigner) property or the [showFormDesignerToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showformdesignertoolbar) method to toggle visibility. +Use the [EnableFormDesigner](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel#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. @@ -79,7 +79,7 @@ viewer.isFormDesignerToolbarVisible = true; Choose which tools appear and control their order in the form designer toolbar. -Use [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) with the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/#formdesignertoolbaritems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formDesignerToolbarItem/) 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://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings) with the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings#formdesignertoolbaritems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formDesignerToolbarItem) 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/javascript-es5/toolbar-customization/primary-toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md index 7ebb57fc0..07976189e 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/toolbar-customization/primary-toolbar.md @@ -14,7 +14,7 @@ The primary toolbar of the PDF Viewer can be customized by rearranging existing ## 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://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel/#enabletoolbar) property or the [showToolbar](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#showtoolbar) method to 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://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/pdfViewerModel#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: