diff --git a/ej2-angular/pdfviewer/annotation/free-text-annotation.md b/ej2-angular/pdfviewer/annotation/free-text-annotation.md index ac2de648b2..8e9f652f00 100644 --- a/ej2-angular/pdfviewer/annotation/free-text-annotation.md +++ b/ej2-angular/pdfviewer/annotation/free-text-annotation.md @@ -102,7 +102,7 @@ import { LinkAnnotationService, BookmarkViewService, ## How to clear the selection focus from free text annotation -The free text annotations selection focus can be cleared by using the [setAnnotationMode](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/) property of the `annotationModule`. +The free text annotations selection focus can be cleared by using the [setAnnotationMode](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#setannotationmode) property of the `annotationModule`. Refer to the following code sample to remove the selection focus from the annotation by using a button click. @@ -151,7 +151,7 @@ RemoveSelection() { With the PDF Viewer library, you can add a Free Text annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#addannotationn) method. -Here's a example of how you can utilize the **addAnnotation()** method to include a Free Text annotation programmatically +Here's a example of how you can utilize the [**addAnnotation()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#addannotation) method to include a Free Text annotation programmatically {% tabs %} {% highlight ts tabtitle="Standalone" %} @@ -351,9 +351,9 @@ Find the sample [how to move the free text annotation programmatically](https:// ## Get the newly added free text annotation ID -To get the ID of a newly added free text annotation in the Syncfusion PDF viewer, you can use the **annotationAdd()** event. This event is triggered whenever a new annotation is added to the PDF document, and it provides the annotationAddEventHandler object as a parameter. You can access the ID of the new annotation through the AnnotationID property of the annotationAddEventHandler object. +To get the ID of a newly added free text annotation in the Syncfusion PDF viewer, you can use the [**annotationAdd()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#addannotation) event. This event is triggered whenever a new annotation is added to the PDF document, and it provides the annotationAddEventHandler object as a parameter. You can access the ID of the new annotation through the AnnotationID property of the annotationAddEventHandler object. -Here is an example of how you can use the **annotationAdd()** event to get the ID of a new free text annotation: +Here is an example of how you can use the [**annotationAdd()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#addannotation) event to get the ID of a new free text annotation: ```typescript diff --git a/ej2-angular/pdfviewer/form-designer/create-programmatically.md b/ej2-angular/pdfviewer/form-designer/create-programmatically.md index aa714d3edc..50c8f05417 100644 --- a/ej2-angular/pdfviewer/form-designer/create-programmatically.md +++ b/ej2-angular/pdfviewer/form-designer/create-programmatically.md @@ -336,7 +336,7 @@ We can open the already saved PDF document contains Form Fields in it by clickin ## Validate form fields -The form fields in the PDF Document will be validated when the [enableFormFieldsValidation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/validateFormFieldsArgs/) is set to true and hook the validateFormFields. The validateFormFields will be triggered when the PDF document is downloaded or printed with the non-filled form fields. The non-filled fields will be obtained in the [nonFillableFields](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/validateFormFieldsArgs/) property of the event arguments of validateFormFields. +The form fields in the PDF Document will be validated when the [enableFormFieldsValidation](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#enableformfieldsvalidation) is set to true and hook the validateFormFields. The validateFormFields will be triggered when the PDF document is downloaded or printed with the non-filled form fields. The non-filled fields will be obtained in the [nonFillableFields](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/validateFormFieldsArgs/#nonfillablefields) property of the event arguments of validateFormFields. Add the following code snippet to validate the form fields, @@ -428,7 +428,7 @@ export class AppComponent implements OnInit { {% endtabs %} ## Export and import form fields -The PDF Viewer control provides the support to export and import the form field data in the following formats using the methods `importFormFields`, `exportFormFields`, `exportFormFieldsAsObject`. +The PDF Viewer control provides the support to export and import the form field data in the following formats using the methods [importFormFields](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#importformfields), [exportFormFields](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#exportformfields), [exportFormFieldsAsObject](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#exportformfieldsasobject). * FDF * XFDF @@ -437,7 +437,7 @@ The PDF Viewer control provides the support to export and import the form field ### Export and import as FDF -Using the `exportFormFields` method, the form field data can be exported in the specified data format. This method accepts two parameters: +Using the [exportFormFields](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#exportformfields) method, the form field data can be exported in the specified data format. This method accepts two parameters: * The first one must be the destination path for the exported data. If path is not specified, it will ask for the location while exporting. * The second parameter should be the format type of the form data. @@ -602,7 +602,7 @@ Form field properties in Syncfusion PDF Viewer allow you to customize and intera ### Signature and initial fields settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the signature field properties on a button click. @@ -738,7 +738,7 @@ The following code example explains how to update the properties of the initial ### Textbox field settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the Textbox field properties on a button click. @@ -849,7 +849,7 @@ The following code example explains how to update the properties of the Textbox ### Password field settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the Password field properties on a button click. @@ -958,7 +958,7 @@ The following code example explains how to update the properties of the Password ### CheckBox field settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the CheckBox field properties on a button click. @@ -1051,7 +1051,7 @@ The following code example explains how to update the properties of the CheckBox ### RadioButton field settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the RadioButton field properties on a button click. @@ -1144,7 +1144,7 @@ The following code example explains how to update the properties of the RadioBut ### ListBox field settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the ListBox field properties on a button click. @@ -1253,7 +1253,7 @@ The following code example explains how to update the properties of the ListBox ### DropDown field settings -Using the `updateFormField` method, the form fields can be updated programmatically. +Using the [updateFormField](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. The following code example explains how to update the DropDown field properties on a button click. diff --git a/ej2-angular/pdfviewer/how-to/change-selection-border.md b/ej2-angular/pdfviewer/how-to/change-selection-border.md index 1e4c4e6be8..6b41c05c24 100644 --- a/ej2-angular/pdfviewer/how-to/change-selection-border.md +++ b/ej2-angular/pdfviewer/how-to/change-selection-border.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Customize the selection border -The PDF Viewer library allows you to customize the annotations selection borders using the [**annotationSelectorSettings**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSelectorSettingsModel/#annotationselectorsettingsmodel) Property. +The PDF Viewer library allows you to customize the annotations selection borders using the [**annotationSelectorSettings**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#annotationselectorsettings) Property. The following steps are used to customize the selection border. diff --git a/ej2-angular/pdfviewer/how-to/custom-context-menu.md b/ej2-angular/pdfviewer/how-to/custom-context-menu.md index f894e62a20..56961ec444 100644 --- a/ej2-angular/pdfviewer/how-to/custom-context-menu.md +++ b/ej2-angular/pdfviewer/how-to/custom-context-menu.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Customize context menu -PDF Viewer allows you to add custom option in context menu. It can be achieved by using the `addCustomMenu()` method and custom action is defined using the `customContextMenuSelect()`method. +PDF Viewer allows you to add custom option in context menu. It can be achieved by using the [addCustomMenu()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#addcustommenu) method and custom action is defined using the [customContextMenuSelect()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#customcontextmenuselect) method. ### Add Custom Option @@ -101,7 +101,7 @@ The PDF Viewer feature enables customization of custom options and the ability t #### Customize added context menu items -The following code shows how to hide/show added custom option in context menu using the `customContextMenuBeforeOpen()` method. +The following code shows how to hide/show added custom option in context menu using the [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#customcontextmenubeforeopen) method. ```js export class CustomContextMenuComponent implements OnInit { diff --git a/ej2-angular/pdfviewer/how-to/custom-stamp.md b/ej2-angular/pdfviewer/how-to/custom-stamp.md index c50de8f321..a6c7d1948e 100644 --- a/ej2-angular/pdfviewer/how-to/custom-stamp.md +++ b/ej2-angular/pdfviewer/how-to/custom-stamp.md @@ -1,7 +1,7 @@ --- layout: post title: Add the custom stamp based on the free text bounds | Syncfusion -Description: Learn how to add the custom stamp based on the free text bounds in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. +description: Learn how to add the custom stamp based on the free text bounds in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Add the custom stamp based on the free text bounds documentation: ug @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Add the custom stamp based on the free text bounds -To add a custom stamp in the Syncfusion PDF viewer based on the free text bounds, obtain the value of the bound for the free text in the Pixel in the **annotationAdd** event while adding the free text. However, when a custom stamp is added programmatically, the offset values are set in points. So, you must convert the value of the bound for the free text into a point to add the custom stamp to the free text bounds position. +To add a custom stamp in the Syncfusion PDF viewer based on the free text bounds, obtain the value of the bound for the free text in the Pixel in the [**annotationAdd**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#annotationadd) event while adding the free text. However, when a custom stamp is added programmatically, the offset values are set in points. So, you must convert the value of the bound for the free text into a point to add the custom stamp to the free text bounds position. Here is an example of how you can add the custom stamp based on the free text bounds: diff --git a/ej2-angular/pdfviewer/how-to/download-start-event.md b/ej2-angular/pdfviewer/how-to/download-start-event.md index 9fb499defd..448bf08973 100644 --- a/ej2-angular/pdfviewer/how-to/download-start-event.md +++ b/ej2-angular/pdfviewer/how-to/download-start-event.md @@ -96,4 +96,4 @@ By default, the cancel argument is set to `false`, indicating that the download ### Enhanced Flexibility -By leveraging the [downloadStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/downloadStartEventArgs/) event and its cancel argument, you gain the ability to implement custom logic to control and potentially prevent download actions based on your application's specific requirements. This enhancement provides greater flexibility in managing user interactions with PDF documents, empowering you to tailor the experience according to your needs. \ No newline at end of file +By leveraging the [downloadStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#downloadstart) event and its cancel argument, you gain the ability to implement custom logic to control and potentially prevent download actions based on your application's specific requirements. This enhancement provides greater flexibility in managing user interactions with PDF documents, empowering you to tailor the experience according to your needs. \ No newline at end of file diff --git a/ej2-angular/pdfviewer/how-to/enable-disable-annotation.md b/ej2-angular/pdfviewer/how-to/enable-disable-annotation.md index a0fd8be7ef..e9ca3c4788 100644 --- a/ej2-angular/pdfviewer/how-to/enable-disable-annotation.md +++ b/ej2-angular/pdfviewer/how-to/enable-disable-annotation.md @@ -1,16 +1,16 @@ --- layout: post -title: How to enable and disable the delete button based on annotation selection and unselection events | Syncfusion -Description: Learn to enable and disable delete button based on annotation events in Syncfusion Angular PDF Viewer component and more. +title: Enable and disable the delete button based on annotation | Syncfusion +description: Learn to enable and disable delete button based on annotation events in Syncfusion Angular PDF Viewer component and more. platform: ej2-angular control: How to enable and disable the delete button based on annotation selection and unselection events documentation: ug domainurl: ##DomainURL## --- -# How to enable and disable the delete button based on annotation selection and unselection events +# Enable and disable the delete button based on annotation in Angular -In the Syncfusion PDF viewer, enable and disable the delete button while selecting and unselecting annotations by using the **annotationSelect** and **annotationUnSelect** events. +In the Syncfusion PDF viewer, enable and disable the delete button while selecting and unselecting annotations by using the [**annotationSelect**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#annotationselect) and [**annotationUnSelect**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#annotationunselect) events. Here is an example of how you can enable and disable the delete button while selecting and unselecting annotations: diff --git a/ej2-angular/pdfviewer/how-to/get-base-string-of-the-loaded-document.md b/ej2-angular/pdfviewer/how-to/get-base-string-of-the-loaded-document.md index 30311f30f1..e70ac17672 100644 --- a/ej2-angular/pdfviewer/how-to/get-base-string-of-the-loaded-document.md +++ b/ej2-angular/pdfviewer/how-to/get-base-string-of-the-loaded-document.md @@ -1,6 +1,6 @@ --- layout: post -title: Get base string of the loaded document in Angular Pdfviewer component | Syncfusion +title: Get Base string of loaded document in Angular Pdfviewer | Syncfusion description: Learn here all about Get base string of the loaded document in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Get base string of the loaded document @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Get the Base 64 string of the loaded PDF document -The PDF Viewer library allows you to get the base 64 string of the loaded PDF document by using **saveAsBlob()** method. The entire PDF document will get as blob as like memory stream. So, we can save the blob or convert into stream and we can save it in the database. We can also load the PDF document from base 64 string using the **load()** method. +The PDF Viewer library allows you to get the base 64 string of the loaded PDF document by using [**saveAsBlob()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#saveasblob) method. The entire PDF document will get as blob as like memory stream. So, we can save the blob or convert into stream and we can save it in the database. We can also load the PDF document from base 64 string using the [**load()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method. The following steps are used to get the base 64 string of the loaded PDF document in the PDF viewer control. @@ -41,7 +41,7 @@ base64ofloadedDocument() { ``` -**Step 3:** Use the following code snippet inside the **saveAsBlob()** method to load the document from the base 64 string. +**Step 3:** Use the following code snippet inside the [**saveAsBlob()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#saveasblob) method to load the document from the base 64 string. ```typescript // load the document from base 64 string. diff --git a/ej2-angular/pdfviewer/how-to/load-office-files.md b/ej2-angular/pdfviewer/how-to/load-office-files.md index 835f802e26..303b1a15a4 100644 --- a/ej2-angular/pdfviewer/how-to/load-office-files.md +++ b/ej2-angular/pdfviewer/how-to/load-office-files.md @@ -1,6 +1,6 @@ --- layout: post -title: Load office files in PDF Viewer +title: Load office files in Angular Pdfviewer component | Syncfusion description: Learn about how to load office files in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: How to load the Office products @@ -96,7 +96,7 @@ public IActionResult GetImageStream([FromBody] Dictionary jsonOb ``` -**Step 3:** In the following code, an XMLHttpRequest will generate the responseText from the base64 string and set that text as the `documentPath` of the PDF Viewer. +**Step 3:** In the following code, an XMLHttpRequest will generate the responseText from the base64 string and set that text as the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) of the PDF Viewer. ```html diff --git a/ej2-angular/pdfviewer/how-to/lock-annotation-in-a-document.md b/ej2-angular/pdfviewer/how-to/lock-annotation-in-a-document.md index 388ebbdde8..3dd4dab254 100644 --- a/ej2-angular/pdfviewer/how-to/lock-annotation-in-a-document.md +++ b/ej2-angular/pdfviewer/how-to/lock-annotation-in-a-document.md @@ -14,9 +14,9 @@ The PDF Viewer provides a support to enable or disable lock option for the annot ## Lock an annotation from code behind -The annotation can be locked either by default settings or by an event using the [IsLocked](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSettings/) API. +The annotation can be locked either by default settings or by an event using the [IsLocked](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotationSettings/#islock) API. -The following code sample illustrates how to lock custom stamp annotation in a PDF document through [ajaxRequestSuccess](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/ajaxRequestSuccessEventArgs/) event . +The following code sample illustrates how to lock custom stamp annotation in a PDF document through [ajaxRequestSuccess](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#ajaxrequestsuccess) event . {% tabs %} {% highlight js tabtitle="Standalone" %} diff --git a/ej2-angular/pdfviewer/how-to/lock-formfield-in-a-document.md b/ej2-angular/pdfviewer/how-to/lock-formfield-in-a-document.md index 3d09f8807c..5ad861bace 100644 --- a/ej2-angular/pdfviewer/how-to/lock-formfield-in-a-document.md +++ b/ej2-angular/pdfviewer/how-to/lock-formfield-in-a-document.md @@ -14,9 +14,9 @@ The PDF Viewer component offers the ability to enable or disable the locking opt ## Locking Form Fields Programmatically -Form fields can be locked either by default settings or by utilizing an event and the [isReadOnly](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formField/) API. +Form fields can be locked either by default settings or by utilizing an event and the [isReadOnly](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formField/#isreadonly) API. -The provided code snippet exemplifies how to lock form fields in a PDF document during the document loading process. It utilizes the `documentLoad` event to add form fields and subsequently sets them as read-only using the [isReadOnly](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formField/) API. This ensures that users cannot modify the form fields, thereby preserving data integrity. +The provided code snippet exemplifies how to lock form fields in a PDF document during the document loading process. It utilizes the [documentLoad](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentload) event to add form fields and subsequently sets them as read-only using the [isReadOnly](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/formField/#isreadonly) API. This ensures that users cannot modify the form fields, thereby preserving data integrity. {% tabs %} {% highlight js tabtitle="Standalone" %} diff --git a/ej2-angular/pdfviewer/how-to/min-max-zoom.md b/ej2-angular/pdfviewer/how-to/min-max-zoom.md index 4787ec0f2d..00475685f0 100644 --- a/ej2-angular/pdfviewer/how-to/min-max-zoom.md +++ b/ej2-angular/pdfviewer/how-to/min-max-zoom.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # Minimum and Maximum Zoom Properties -The Syncfusion PDF Viewer provides the ability to control zoom levels for viewing PDF documents. The `minZoom` and `maxZoom` properties enable developers to set the minimum and maximum zoom levels, ensuring a consistent and controlled viewing experience. +The Syncfusion PDF Viewer provides the ability to control zoom levels for viewing PDF documents. The [minZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#minzoom) and [maxZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#maxzoom) properties enable developers to set the minimum and maximum zoom levels, ensuring a consistent and controlled viewing experience. ### minZoom -The `minZoom` property specifies the minimum zoom percentage allowed in the PDF Viewer. This ensures that users cannot zoom out beyond a certain limit, which helps maintain readability and performance. Developers can set the `minZoom` property programmatically, defining the minimum zoom level based on the application's requirements. This is particularly useful for preventing users from zooming out too much, which could make the content difficult to read. +The [minZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#minzoom) property specifies the minimum zoom percentage allowed in the PDF Viewer. This ensures that users cannot zoom out beyond a certain limit, which helps maintain readability and performance. Developers can set the [minZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#minzoom) property programmatically, defining the minimum zoom level based on the application's requirements. This is particularly useful for preventing users from zooming out too much, which could make the content difficult to read. ### maxZoom -The `maxZoom` property defines the maximum zoom percentage allowed in the PDF Viewer. By setting this property, developers can prevent users from zooming in too much, helping to avoid performance issues and maintain a smooth viewing experience. The `maxZoom` property can be set programmatically to control the upper limit of the zoom level. This is useful for applications where extremely high zoom levels might degrade performance or user experience. +The [maxZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#maxzoom) property defines the maximum zoom percentage allowed in the PDF Viewer. By setting this property, developers can prevent users from zooming in too much, helping to avoid performance issues and maintain a smooth viewing experience. The [maxZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#maxzoom) property can be set programmatically to control the upper limit of the zoom level. This is useful for applications where extremely high zoom levels might degrade performance or user experience. {% tabs %} {% highlight ts tabtitle="Standalone" %} @@ -97,7 +97,7 @@ export class AppComponent implements OnInit { #### Restrict Zoom Percentage on Mobile Devices -You can easily restrict the zoom percentage on mobile devices using the `minZoom` and `maxZoom` properties. This feature allows you to set specific limits for zooming, ensuring smoother scrolling performance and efficient document loading on mobile devices. By controlling the zoom levels, you can provide a better user experience across different devices. +You can easily restrict the zoom percentage on mobile devices using the [minZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#minzoom) and [maxZoom](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#maxzoom) properties. This feature allows you to set specific limits for zooming, ensuring smoother scrolling performance and efficient document loading on mobile devices. By controlling the zoom levels, you can provide a better user experience across different devices. {% tabs %} {% highlight ts tabtitle="Standalone" %} diff --git a/ej2-angular/pdfviewer/how-to/pagerenderstarted-pagerendercompleted.md b/ej2-angular/pdfviewer/how-to/pagerenderstarted-pagerendercompleted.md index 4f1f2e5965..a62cde4d52 100644 --- a/ej2-angular/pdfviewer/how-to/pagerenderstarted-pagerendercompleted.md +++ b/ej2-angular/pdfviewer/how-to/pagerenderstarted-pagerendercompleted.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # PageRenderInitiate and PageRenderComplete event -In Syncfusion PDF Viewer, [pageRenderInitiate](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderInitiateEventArgs/) and [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderCompleteEventArgs/)actions are events that occur during the rendering process of PDF documents. +In Syncfusion PDF Viewer, [pageRenderInitiate](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#pagerenderinitiate) and [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#pagerendercomplete)actions are events that occur during the rendering process of PDF documents. **pageRenderInitiate** @@ -44,6 +44,6 @@ public pageRenderComplete(args: any): void { } ``` -The provided code demonstrates how to subscribe to the [pageRenderInitiate](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderInitiateEventArgs/) and [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/pageRenderCompleteEventArgs/) events in the Syncfusion PDF Viewer component. +The provided code demonstrates how to subscribe to the [pageRenderInitiate](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#pagerenderinitiate) and [pageRenderComplete](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#pagerendercomplete) events in the Syncfusion PDF Viewer component. [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/PageRenderStarted%20and%20PageRenderCompleted%20event) \ No newline at end of file diff --git a/ej2-angular/pdfviewer/how-to/retry-timeout.md b/ej2-angular/pdfviewer/how-to/retry-timeout.md index abeca85299..982a73e115 100644 --- a/ej2-angular/pdfviewer/how-to/retry-timeout.md +++ b/ej2-angular/pdfviewer/how-to/retry-timeout.md @@ -1,14 +1,14 @@ --- layout: post -title: Retry Timeout | Syncfusion -Description: Learn here all about Retry Timeout in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. +title: Retry Timeout in Angular Pdfviewer component | Syncfusion +description: Learn here all about Retry Timeout in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Retry Timeout documentation: ug domainurl: ##DomainURL## --- -# Retry Timeout +# Retry Timeout in Angular Platform Control The **Retry Timeout** feature allows you to specify a duration for the PDF Viewer to retry failed AJAX requests before considering them permanent failures. It helps in handling temporary failures due to network issues or server unavailability. @@ -16,7 +16,7 @@ The retryTimeout allows developers to specify a duration after which the AJAX re By default, when an AJAX request fails, the Retry Timeout property is set to `0`, indicating that no timeout is set. In this case, the PDF Viewer will wait indefinitely for a response, potentially leading to a hanging request. However, you can set the Retry Timeout property to a positive number, specifying the maximum number of seconds the PDF Viewer should wait for a response. If the response is not received within the specified time, the request will be aborted, triggering an appropriate error or timeout property. -To set the retry timeout, use the `retryTimeout` property in the PDF Viewer configuration. This property takes a value in seconds. +To set the retry timeout, use the [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrytimeout) property in the PDF Viewer configuration. This property takes a value in seconds. ```html @@ -31,12 +31,12 @@ To set the retry timeout, use the `retryTimeout` property in the PDF Viewer conf ``` -In the given example, the `retryTimeout` is set to 10 seconds, and the `retryCount` is set to 5. This means that if a request made by the PDF Viewer takes longer than 10 seconds to receive a response, it will be considered a timeout. In such cases, The PDF Viewer will resend the same request based on the retryCount. Here, this process will repeat up to maximum of 5 retries. +In the given example, the [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrytimeout) is set to 10 seconds, and the [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrycount) is set to 5. This means that if a request made by the PDF Viewer takes longer than 10 seconds to receive a response, it will be considered a timeout. In such cases, The PDF Viewer will resend the same request based on the retryCount. Here, this process will repeat up to maximum of 5 retries. -When an exception occurs during the AJAX request in the context of the PDF Viewer, the request will wait for the specified `retryTimeout` duration. If the timeout duration is exceeded, the PDF Viewer will decrement the [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrycount) and attempt to load the document again. This retry process continues until the document is successfully loaded or the retryCount limit is reached. +When an exception occurs during the AJAX request in the context of the PDF Viewer, the request will wait for the specified [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrytimeout) duration. If the timeout duration is exceeded, the PDF Viewer will decrement the [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrycount) and attempt to load the document again. This retry process continues until the document is successfully loaded or the retryCount limit is reached. -The `retryCount` property of the PDF Viewer allows you to set the number of retries for a specific request. This feature is particularly useful for handling temporary errors such as network timeouts or server issues. By initiating new requests according to the retry count, ensure a smoother user experience and efficiently handle network or server problems. +The [retryCount](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrycount) property of the PDF Viewer allows you to set the number of retries for a specific request. This feature is particularly useful for handling temporary errors such as network timeouts or server issues. By initiating new requests according to the retry count, ensure a smoother user experience and efficiently handle network or server problems. -If the timeout duration specified by `retryTimeout` is exceeded during the AJAX request, the PDF Viewer will decrement the `retryCount` and initiate a new request. This process will continue until the document is successfully loaded or the retry count limit is reached. This functionality helps improve the handling of temporary errors and ensures a more efficient and user-friendly experience. +If the timeout duration specified by [retryTimeout](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrytimeout) is exceeded during the AJAX request, the PDF Viewer will decrement the [retryCount`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#retrycount) and initiate a new request. This process will continue until the document is successfully loaded or the retry count limit is reached. This functionality helps improve the handling of temporary errors and ensures a more efficient and user-friendly experience. Find the sample [Retry Timeout](https://stackblitz.com/edit/angular-yzgy7n-8mycf4?file=app.component.html) \ No newline at end of file diff --git a/ej2-angular/pdfviewer/how-to/show-pop-up-after-completion-of-export-form-fields.md b/ej2-angular/pdfviewer/how-to/show-pop-up-after-completion-of-export-form-fields.md index 683721f225..a5186a0788 100644 --- a/ej2-angular/pdfviewer/how-to/show-pop-up-after-completion-of-export-form-fields.md +++ b/ej2-angular/pdfviewer/how-to/show-pop-up-after-completion-of-export-form-fields.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Show pop-up after completion of export form fields -The [exportSuccess](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/exportSuccessEventArgs/) event triggers when an export annotations succeed in the PDF Viewer where you can notify the pop-up message. +The [exportSuccess](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#exportsuccess) event triggers when an export annotations succeed in the PDF Viewer where you can notify the pop-up message. Refer the following code to notify the pop-up once export annotations succeed. diff --git a/ej2-angular/pdfviewer/how-to/signatureselect-signatureunselect.md b/ej2-angular/pdfviewer/how-to/signatureselect-signatureunselect.md index 2cd4107a01..1e9f9de600 100644 --- a/ej2-angular/pdfviewer/how-to/signatureselect-signatureunselect.md +++ b/ej2-angular/pdfviewer/how-to/signatureselect-signatureunselect.md @@ -10,15 +10,15 @@ domainurl: ##DomainURL## # SignatureSelect and SignatureUnselect event -The Syncfusion PDF Viewer provides event-handling capabilities for various actions, including selecting and unselecting handwritten signatures. The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs/) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs/) events enable developers to programmatically manage the selection state of signatures within the PDF Viewer component. +The Syncfusion PDF Viewer provides event-handling capabilities for various actions, including selecting and unselecting handwritten signatures. The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#signatureselect) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#signatureunselect) events enable developers to programmatically manage the selection state of signatures within the PDF Viewer component. **signatureSelect** -The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs/) event triggers when a handwritten signature annotation is selected. This event allows developers to capture the signature selection and handle it programmatically, such as updating the UI or storing the selection data for further processing. +The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#signatureselect) event triggers when a handwritten signature annotation is selected. This event allows developers to capture the signature selection and handle it programmatically, such as updating the UI or storing the selection data for further processing. **signatureUnselect** -The [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs/) event triggers when a handwritten signature annotation is unselected. This event enables developers to manage the unselection programmatically, which can be useful for tasks like cleanup operations or updating the application's state to reflect that a signature is no longer selected. +The [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#signatureunselect) event triggers when a handwritten signature annotation is unselected. This event enables developers to manage the unselection programmatically, which can be useful for tasks like cleanup operations or updating the application's state to reflect that a signature is no longer selected. The code snippet demonstrates how to subscribe to the [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs/) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs/) events in the Syncfusion PDF Viewer component. @@ -42,6 +42,6 @@ public signatureUnselect(args: any): void { } ``` -The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureSelectEventArgs/) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/signatureUnselectEventArgs/) events in Syncfusion PDF Viewer offer robust options for managing the state of handwritten signatures within your application. By handling these events, developers can create a more interactive and dynamic user experience, responding programmatically to signature selection and unselection. +The [signatureSelect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#signatureselect) and [signatureUnselect](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#signatureunselect) events in Syncfusion PDF Viewer offer robust options for managing the state of handwritten signatures within your application. By handling these events, developers can create a more interactive and dynamic user experience, responding programmatically to signature selection and unselection. [View sample in GitHub]() \ No newline at end of file diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-amazon-s3.md b/ej2-angular/pdfviewer/open-pdf-file/from-amazon-s3.md index 2fc6e50a22..cdb3dfce07 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-amazon-s3.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-amazon-s3.md @@ -50,7 +50,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Load()` method to load the PDF files from AWS S3. +5. Modify the [Load()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to load the PDF files from AWS S3. ```csharp @@ -119,7 +119,7 @@ N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and **Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from AWS S3. Ensure that you correctly pass the document name from the files available in your AWS S3 bucket to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from AWS S3. Ensure that you correctly pass the document name from the files available in your AWS S3 bucket to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-azure-blob-storage.md b/ej2-angular/pdfviewer/open-pdf-file/from-azure-blob-storage.md index 75cfc33706..96689449ff 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-azure-blob-storage.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-azure-blob-storage.md @@ -125,7 +125,7 @@ public PdfViewerController(IConfiguration configuration, ILogger Replace **Your Connection string from Azure** with the actual connection stri **Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Azure Blob Storage. Ensure that you correctly pass the document name from the files available in your azure contanier to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) property of the PDF viewer component to the desired name of the PDF file you wish to load from Azure Blob Storage. Ensure that you correctly pass the document name from the files available in your azure contanier to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-box-cloud-file-storage.md b/ej2-angular/pdfviewer/open-pdf-file/from-box-cloud-file-storage.md index 2718c62813..ebfdb76411 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-box-cloud-file-storage.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-box-cloud-file-storage.md @@ -1,6 +1,6 @@ --- layout: post -title: Open PDF files from Box cloud file storage in Angular Pdfviewer Component | Syncfusion +title: Open PDF from Box cloud in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to Open PDF files from Box cloud file storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Open PDF files from Box cloud file storage @@ -57,7 +57,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache ``` -5. Modify the `Load()` method to load the PDF files from Box cloud file storage. +5. Modify the [Load()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to load the PDF files from Box cloud file storage. ```csharp @@ -133,7 +133,7 @@ N> replace **Your_Box_Storage_Access_Token** with your actual box access token, **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Box cloud file storage. Ensure that you correctly pass the document name from the files available in your box folder to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from Box cloud file storage. Ensure that you correctly pass the document name from the files available in your box folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; @@ -165,6 +165,6 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService, N> The **Box.V2.Core** NuGet package must be installed in your application to use the previous code example. -N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the box folder to the `documentPath` property of the PDF viewer component +N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the box folder to the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-box-cloud-file-storage) \ No newline at end of file diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-dropbox-cloud-file-storage.md b/ej2-angular/pdfviewer/open-pdf-file/from-dropbox-cloud-file-storage.md index 5c5eb647ea..53cd09d8d8 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-dropbox-cloud-file-storage.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-dropbox-cloud-file-storage.md @@ -1,6 +1,6 @@ --- layout: post -title: Open PDF files from Dropbox cloud file storage in Angular Pdfviewer Component | Syncfusion +title: OpenPDF from DropboxCloud in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to Open PDF files from Dropbox cloud file storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Open PDF files from Dropbox cloud file storage @@ -52,7 +52,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache ``` -5. Modify the `Load()` method to load the PDF files from Dropbox cloud file storage. +5. Modify the [Load()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to load the PDF files from Dropbox cloud file storage. ```csharp @@ -117,7 +117,7 @@ N> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token a **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Dropbox cloud file storage. Ensure that you correctly pass the document name from the files available in your dropbox folder to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Dropbox cloud file storage. Ensure that you correctly pass the document name from the files available in your dropbox folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; @@ -149,6 +149,6 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService, N> The **Dropbox.Api** NuGet package must be installed in your application to use the previous code example. -N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Dropbox cloud file storage. Make sure to pass the document name from the dropbox folder to the `documentPath` property of the PDF viewer component +N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Dropbox cloud file storage. Make sure to pass the document name from the dropbox folder to the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage) \ No newline at end of file diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-google-cloud-storage.md b/ej2-angular/pdfviewer/open-pdf-file/from-google-cloud-storage.md index 189007b405..88824468a1 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-google-cloud-storage.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-google-cloud-storage.md @@ -1,6 +1,6 @@ --- layout: post -title: Open PDF files from Google Cloud Storage in Angular Pdfviewer Component | Syncfusion +title: Open PDF from GoogleCloud in Angular PdfviewerComponent | Syncfusion description: Learn here all about how to Open PDF files from Google Cloud Storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Open PDF files from Google Cloud Storage @@ -60,7 +60,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Load()` method to load the PDF files from Google Cloud Storage. +5. Modify the [Load()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to load the PDF files from Google Cloud Storage. ```csharp [HttpPost("Load")] @@ -115,7 +115,7 @@ N> Replace **path/to/service-account-key.json** with the actual file path to you **Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Cloud Storage. Ensure that you correctly pass the document name from the files available in your bucket to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Cloud Storage. Ensure that you correctly pass the document name from the files available in your bucket to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-google-drive.md b/ej2-angular/pdfviewer/open-pdf-file/from-google-drive.md index 3a852d0a42..0dbc9ae601 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-google-drive.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-google-drive.md @@ -1,6 +1,6 @@ --- layout: post -title: Open PDF files from Google Drive in Angular Pdfviewer Component | Syncfusion +title: Open PDF from GoogleDrive in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to Open PDF files from Google Drive in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Open PDF files from Google Drive @@ -54,7 +54,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Load()` method to load the PDF files from Google Drive. +5. Modify the [Load()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to load the PDF files from Google Drive. ```csharp [HttpPost("Load")] @@ -148,7 +148,7 @@ N> The **FolderId** part is the unique identifier for the folder. For example, i **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Drive. Ensure that you correctly pass the document name from the files available in your drive folder to the documentPath property. +Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Drive. Ensure that you correctly pass the document name from the files available in your drive folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/open-pdf-file/from-one-drive.md b/ej2-angular/pdfviewer/open-pdf-file/from-one-drive.md index 05d6b2a9f3..9c67f31bd0 100644 --- a/ej2-angular/pdfviewer/open-pdf-file/from-one-drive.md +++ b/ej2-angular/pdfviewer/open-pdf-file/from-one-drive.md @@ -1,6 +1,6 @@ --- layout: post -title: Open PDF files from One Drive in Angular Pdfviewer Component | Syncfusion +title: Open PDF from One Drive in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to Open PDF files from One Drive in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Open PDF files from One Drive @@ -145,7 +145,7 @@ N> Replace **Your_Tenent_ID**, **Your_Application_ID**, and **Your_Folder_Name_T **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from One Drive. Ensure that you correctly pass the document name from the files available in your drive folder to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from One Drive. Ensure that you correctly pass the document name from the files available in your drive folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; @@ -184,4 +184,4 @@ N> The following NuGet packages are required to use the previous code example You can install these packages using the NuGet Package Manager in Visual Studio or Visual Studio Code. -[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-one-drive) \ No newline at end of file +[View sample in GitHub]() \ No newline at end of file diff --git a/ej2-angular/pdfviewer/open-pdf-files.md b/ej2-angular/pdfviewer/open-pdf-files.md index bf4bd66a0f..dd7b36e896 100644 --- a/ej2-angular/pdfviewer/open-pdf-files.md +++ b/ej2-angular/pdfviewer/open-pdf-files.md @@ -26,7 +26,7 @@ Start by following the steps provided in this [link](https://ej2.syncfusion.com/ 2. Open the `PdfViewerController.cs` file in your web service project. -3. Modify the `Load()` method to open it in the viewer using URL +3. Modify the [Load()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#load) method to open it in the viewer using URL ```csharp @@ -76,7 +76,7 @@ public IActionResult Load([FromBody] Dictionary jsonData) **Step 3:** Set the PDF Viewer Properties in React PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server.Modify the documentPath with the correct PDF Document URL want to load. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server.Modify the documentPath with the correct PDF Document URL want to load. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/print.md b/ej2-angular/pdfviewer/print.md index 92a2ae3d77..c89965acf6 100644 --- a/ej2-angular/pdfviewer/print.md +++ b/ej2-angular/pdfviewer/print.md @@ -238,7 +238,7 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService, {% endhighlight %} {% endtabs %} -In this code snippet, the [printStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printStartEventArgs/) function is defined to handle the printStart event. By setting args.cancel to **true**, the print dialog opening is restricted. By default, the [cancel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printStartEventArgs/) property is set to `false`. +In this code snippet, the [printStart](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#printstart) function is defined to handle the printStart event. By setting args.cancel to **true**, the print dialog opening is restricted. By default, the [cancel](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/printStartEventArgs/) property is set to `false`. ## See also diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-amazon-s3.md b/ej2-angular/pdfviewer/save-pdf-file/to-amazon-s3.md index 437a30b62a..dba5c555c4 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-amazon-s3.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-amazon-s3.md @@ -50,7 +50,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Download()` method to save the downloaded PDF files to AWS S3 bucket +5. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#download) method to save the downloaded PDF files to AWS S3 bucket ```csharp @@ -108,7 +108,7 @@ N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and **Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from AWS S3. Ensure that you correctly pass the document name from the files available in your AWS S3 bucket to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from AWS S3. Ensure that you correctly pass the document name from the files available in your AWS S3 bucket to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-azure-blob-storage.md b/ej2-angular/pdfviewer/save-pdf-file/to-azure-blob-storage.md index 70316e0eb1..bc22f804c4 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-azure-blob-storage.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-azure-blob-storage.md @@ -142,7 +142,7 @@ public PdfViewerController(IConfiguration configuration, ILogger jsonObject) **Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Azure Blob Storage. Ensure that you correctly pass the document name from the files available in your azure contanier to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from Azure Blob Storage. Ensure that you correctly pass the document name from the files available in your azure contanier to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; @@ -271,4 +271,4 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService, N> The **Azure.Storage.Blobs** NuGet package must be installed in your application to use the previous code example. -[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-azure-blob-storage/tree/master/Open%20and%20Save%20PDF%20in%20Azure%20Blob%20Storage%20using%20Server-Backend). \ No newline at end of file +[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-azure-blob-storage/tree/master/Open%20and%20Save%20PDF%20in%20Azure%20Blob%20Storage%20using%20Server-Backend). diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-box-cloud-file-storage.md b/ej2-angular/pdfviewer/save-pdf-file/to-box-cloud-file-storage.md index ac64dd870a..7fd9928814 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-box-cloud-file-storage.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-box-cloud-file-storage.md @@ -1,6 +1,6 @@ --- layout: post -title: Save PDF files to Box cloud file storage in Angular Pdfviewer Component | Syncfusion +title: Save PDF to Box Cloud in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to save PDF files to Box cloud file storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Save PDF files to Box cloud file storage @@ -57,7 +57,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache ``` -5. Modify the `Download()` method to save the downloaded PDF files to Box cloud file storage bucket +5. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#download) method to save the downloaded PDF files to Box cloud file storage bucket ```csharp [HttpPost("Download")] @@ -119,7 +119,7 @@ N> replace **Your_Box_Storage_Access_Token** with your actual box access token, **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Box cloud file storage. Ensure that you correctly pass the document name from the files available in your box folder to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Box cloud file storage. Ensure that you correctly pass the document name from the files available in your box folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; @@ -151,6 +151,6 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService, N> The **Box.V2.Core** NuGet package must be installed in your application to use the previous code example. -N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the box folder to the `documentPath` property of the PDF viewer component +N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Box cloud file storage. Make sure to pass the document name from the box folder to the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-box-cloud-file-storage) \ No newline at end of file diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-dropbox-cloud-file-storage.md b/ej2-angular/pdfviewer/save-pdf-file/to-dropbox-cloud-file-storage.md index 93ad85c086..99ba29a1ae 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-dropbox-cloud-file-storage.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-dropbox-cloud-file-storage.md @@ -1,6 +1,6 @@ --- layout: post -title: Save PDF files to Dropbox cloud file storage in Angular Pdfviewer Component | Syncfusion +title: Save PDF to DropboxCloud in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to save PDF files to Dropbox cloud file storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Save PDF files to Dropbox cloud file storage @@ -51,7 +51,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Download()` method to save the downloaded PDF files to Dropbox cloud file storage bucket +5. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#download) method to save the downloaded PDF files to Dropbox cloud file storage bucket ```csharp @@ -108,7 +108,7 @@ N> Replace **Your_Dropbox_Access_Token** with your actual Dropbox access token a **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Dropbox cloud file storage. Ensure that you correctly pass the document name from the files available in your dropbox folder to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Dropbox cloud file storage. Ensure that you correctly pass the document name from the files available in your dropbox folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; @@ -140,6 +140,6 @@ import { LinkAnnotationService, BookmarkViewService, MagnificationService, N> The **Dropbox.Api** NuGet package must be installed in your application to use the previous code example. -N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Dropbox cloud file storage. Make sure to pass the document name from the dropbox folder to the `documentPath` property of the PDF viewer component +N> Replace `PDF_Succinctly.pdf` with the actual document name that you want to load from Dropbox cloud file storage. Make sure to pass the document name from the dropbox folder to the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component [View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-dropbox-cloud-file-storage) \ No newline at end of file diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-google-cloud-storage.md b/ej2-angular/pdfviewer/save-pdf-file/to-google-cloud-storage.md index 287e5e2141..807cabf71c 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-google-cloud-storage.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-google-cloud-storage.md @@ -1,6 +1,6 @@ --- layout: post -title: Save PDF files to Google Cloud Storage in Angular Pdfviewer Component | Syncfusion +title: Save PDF to Google Cloud in Angular Pdfviewer Component | Syncfusion description: Learn here all about how to save PDF files to Google Cloud Storage in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. platform: ej2-angular control: Save PDF files to Google Cloud Storage @@ -60,7 +60,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Download()` method to save the downloaded PDF files to Google Cloud Storage bucket +5. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#download) method to save the downloaded PDF files to Google Cloud Storage bucket ```csharp [HttpPost("Download")] @@ -109,7 +109,7 @@ N> Replace **path/to/service-account-key.json** with the actual file path to you **Step 3:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Cloud Storage. Ensure that you correctly pass the document name from the files available in your bucket to the documentPath property. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Cloud Storage. Ensure that you correctly pass the document name from the files available in your bucket to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-google-drive.md b/ej2-angular/pdfviewer/save-pdf-file/to-google-drive.md index 7c1fbc2c17..9a67bb256d 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-google-drive.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-google-drive.md @@ -54,7 +54,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Download()` method to save the downloaded PDF files to Google Drive bucket +5. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#download) method to save the downloaded PDF files to Google Drive bucket ```csharp [HttpPost("Download")] @@ -137,7 +137,7 @@ N> You must use a unique `Client_ID` from json file to interface your applicatio **Step 4:** Set the PDF Viewer Properties in Angular PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the `documentPath` property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Drive. Ensure that you correctly pass the document name from the files available in your drive folder to the documentPath property. +Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server. Set the [documentPath](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#documentpath) property of the PDF viewer component to the desired name of the PDF file you wish to load from Google Drive. Ensure that you correctly pass the document name from the files available in your drive folder to the documentPath property. ```typescript import { Component, OnInit } from '@angular/core'; diff --git a/ej2-angular/pdfviewer/save-pdf-file/to-one-drive.md b/ej2-angular/pdfviewer/save-pdf-file/to-one-drive.md index e8946eef35..fd0fcdf050 100644 --- a/ej2-angular/pdfviewer/save-pdf-file/to-one-drive.md +++ b/ej2-angular/pdfviewer/save-pdf-file/to-one-drive.md @@ -54,7 +54,7 @@ public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache } ``` -5. Modify the `Download()` method to save the downloaded PDF files to One Drive bucket +5. Modify the [Download()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#download) method to save the downloaded PDF files to One Drive bucket ```csharp [HttpPost("Download")] @@ -162,4 +162,4 @@ N> The following NuGet packages are required to use the previous code example You can install these packages using the NuGet Package Manager. -[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-one-drive) \ No newline at end of file +[View sample in GitHub]() \ No newline at end of file diff --git a/ej2-angular/pdfviewer/save-pdf-files.md b/ej2-angular/pdfviewer/save-pdf-files.md index a6d758c50c..1db090cf4d 100644 --- a/ej2-angular/pdfviewer/save-pdf-files.md +++ b/ej2-angular/pdfviewer/save-pdf-files.md @@ -59,7 +59,7 @@ public IActionResult Download([FromBody] Dictionary jsonObject) **Step 3:** Set the PDF Viewer Properties in React PDF viewer component -Modify the `serviceUrl` property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server.Modify the documentPath with the correct PDF Document URL want to load. +Modify the [serviceUrl](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/#serviceurl) property of the PDF viewer component with the accurate URL of your web service project, replacing `https://localhost:44396/pdfviewer` with the actual URL of your server.Modify the documentPath with the correct PDF Document URL want to load. ```typescript import { Component, OnInit } from '@angular/core';