- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").StampSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerStampSettings { Opacity = 0.3, Author = "Guest User" }).Render() - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -

- -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/annotation/sticky-notes-annotation.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/annotation/sticky-notes-annotation.md deleted file mode 100644 index 72c2af52fe..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/annotation/sticky-notes-annotation.md +++ /dev/null @@ -1,196 +0,0 @@ ---- -layout: post -title: Sticky Notes Annotation in ##Platform_Name## PDF Viewer Component | Syncfusion -description: Learn here all about Sticky Notes Annotation in Syncfusion ##Platform_Name## PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Sticky Notes Annotation -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Sticky Notes Annotation in the ASP.NET MVC PDF Viewer component - -The PDF Viewer control provides the options to add, edit, and delete the sticky note annotations in the PDF document. - -![StickyNotesAnnotation](../images/stickynotes_annotation.png) - -## Adding a sticky note annotation to the PDF document - -Sticky note annotations can be added to the PDF document using the annotation toolbar. - -* Click the **Comments** button in the PDF Viewer toolbar. A toolbar appears below it. -* Click the position where you want to add sticky note annotation in the PDF document. -* Sticky note annotation will be added in the clicked positions. - -![StickyNotesTool](../images/stickynotes_tool.png) - -Annotation comments can be added to the PDF document using the comment panel. - -* Select a Sticky note annotation in the PDF document and right-click it. -* Select the Comment option in the context menu that appears. -* Now, you can add Comments, Reply, and Status using the Comment Panel. -* Now, you can add Comments, Reply, and Status using the Comment Panel. - -![StickyNotesComment](../images/stickynotes_comment.png) - -## Adding a sticky note annotation to the PDF document Programmatically - -With the PDF Viewer library, you can add a sticky note annotation to the PDF Viewer control programmatically using the **addAnnotation()** method. - -Here's a example of how you can utilize the **addAnnotation()** method to include a sticky note annotation programmatically: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Edit the existing sticky note annotation programmatically - -To modify existing sticky note annotation in the Syncfusion^® PDF viewer programmatically, you can use the **editAnnotation()** method. - -Here is an example of how you can use the **editAnnotation()** method: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Editing the properties of the sticky note annotation - -### Editing opacity - -The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool. - -![StickyNotesOpacity](../images/sticky_opacity.png) - -### Editing comments - -The comment, comment reply, and comment status of the annotation can be edited using the Comment Panel. - -* Open the comment panel using the Comment Panel button showing in the annotation toolbar. - -![StickyNotesComment](../images/commentPanel.png) - -You can modify or delete the comments or comments replay and it’s status using the menu option provided in the comment panel. - -![StickyNotesEdit](../images/sticky_editbtn.png) - -## Setting default properties during the control initialization - -The properties of the sticky note annotation can be set before creating the control using the StickyNotesSettings. - -After editing the default opacity using the Edit Opacity tool, they will be changed to the selected values. Refer to the following code sample to set the default sticky note annotation settings. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").StickyNotesSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerStickyNotesSettings { Author = "Syncfusion" }).Render() -

-``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

-``` -{% endhighlight %} -{% endtabs %} - -## Disabling sticky note annotations - -The PDF Viewer control provides an option to disable the sticky note annotations feature. The code sample for disabling the feature is as follows. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").EnableStickyNotesAnnotation(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

-``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).EnableStickyNotesAnnotation(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

-``` -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/annotation/text-markup-annotation.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/annotation/text-markup-annotation.md deleted file mode 100644 index 2e82adee5b..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/annotation/text-markup-annotation.md +++ /dev/null @@ -1,761 +0,0 @@ ---- -layout: post -title: Text Markup Annotations in ##Platform_Name## PDF Viewer | Syncfusion -description: Learn here all about Text Markup Annotation in Syncfusion ##Platform_Name## PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Text Markup Annotation -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Text Markup Annotation in the ASP.NET MVC PDF Viewer component - -The PDF Viewer control provides the options to add, edit, and delete text markup annotations such as highlight, underline, strikethrough and squiggly annotations in the PDF document. - -![Alt text](../images/text_markup_annotation.png) - -## Highlight a text - -There are two ways to highlight a text in the PDF document: - -1. Using the context menu - * Select a text in the PDF document and right-click it. - * Select **Highlight** option in the context menu that appears. - -![Alt text](../images/highlight_context.png) - - -2. Using the annotation toolbar - * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it. - * Select the **Highlight** button in the annotation toolbar. It enables the highlight mode. - * Select the text and the highlight annotation will be added. - * You can also select the text and apply the highlight annotation using the **Highlight** button. - -![Alt text](../images/highlight_button.PNG) - -In the pan mode, if the highlight mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for highlighting the text. - -Refer to the following code sample to switch to the highlight mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code sample to switch back to normal mode from the highlight mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Highlight a text programmatically - -The PDF Viewer library enables you to programmatically highlight text within the PDF Viewer control using the **addAnnotation()** method. - -Here's an example of how you can use the **addAnnotation()** method to apply highlighting programmatically: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - - -## Underline a text - -There are two ways to underline a text in the PDF document: - -1. Using the context menu - * Select a text in the PDF document and right-click it. - * Select the **Underline** option in the context menu that appears. - -![Alt text](../images/underline_context.png) - - -2. Using the annotation toolbar - * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it. - * Select the **Underline** button in the annotation toolbar. It enables the underline mode. - * Select the text and the underline annotation will be added. - * You can also select the text and apply the underline annotation using the **Underline** button. - -![Alt text](../images/underline_button.png) - -In the pan mode, if the underline mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for underlining the text. - -Refer to the following code sample to switch to the underline mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code sample to switch back to normal mode from the underline mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Underline a text programmatically - -The PDF Viewer library enables you to programmatically Underline text within the PDF Viewer control using the **addAnnotation()** method. - -Here's an example of how you can use the **addAnnotation()** method to apply Underline programmatically: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Strikethrough a text - -There are two ways to strikethrough a text in the PDF document: - -1. Using the context menu - * Select a text in the PDF document and right-click it. - * Select the **Strikethrough** option in the context menu that appears. - -![Alt text](../images/strikethrough_context.png) - - -2. Using the annotation toolbar - * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it. - * Select the **Strikethrough** button in the annotation toolbar. It enables the strikethrough mode. - * Select the text and the strikethrough annotation will be added. - * You can also select the text and apply the strikethrough annotation using the **Strikethrough** button. - -![Alt text](../images/strikethrough_button.png) - -In the pan mode, if the strikethrough mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for striking through the text. - -Refer to the following code sample to switch to the strikethrough mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code sample to switch back to normal mode from the strikethrough mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Strikethrough a text programmatically - -The PDF Viewer library enables you to programmatically Strikethrough text within the PDF Viewer control using the **addAnnotation()** method. - -Here's an example of how you can use the **addAnnotation()** method to apply Strikethrough programmatically: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Squiggly a text - -There are two ways to add a squiggly annotation to text in the PDF document: - -1. Using the context menu - * Select a text in the PDF document and right-click it. - * Select the **Squiggly** option in the context menu that appears. - -![Alt text](../images/squiggly_context.png) - - -2. Using the annotation toolbar - * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it. - * Select the **Squiggly** button in the annotation toolbar. It enables the squiggly mode. - * Select the text and the squiggly annotation will be added. - * You can also select the text and apply the squiggly annotation using the **Squiggly** button. - -![Alt text](../images/squiggly_button.png) - -In the pan mode, if the squiggly mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for adding squiggly to the text. - -Refer to the following code sample to switch to the squiggly mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -Refer to the following code sample to switch back to normal mode from the squiggly mode. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Squiggly a text programmatically - -The PDF Viewer library enables you to programmatically Squiggly text within the PDF Viewer control using the **addAnnotation()** method. - -Here's an example of how you can use the **addAnnotation()** method to apply Squiggly programmatically: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - - -## Deleting a text markup annotation - -The selected annotation can be deleted in the following ways: - -1. Using the Delete key - * Select the annotation to be deleted. - * Click the Delete key in the keyboard. The selected annotation will be deleted. - -2. Using the annotation toolbar - * Select the annotation to be deleted. - * Click the **Delete Annotation** button in the annotation toolbar. The selected annotation will be deleted. - -![Alt text](../images/delete_button.png) - -## Editing the properties of the text markup annotation - -The color and the opacity of the text markup annotation can be edited using the Edit Color tool and the Edit Opacity tool in the annotation toolbar. - -### Editing color - -The color of the annotation can be edited using the color palette provided in the Edit Color tool. - -![Alt text](../images/edit_color.png) - -### Editing opacity - -The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool. - -![Alt text](../images/edit_opacity.png) - -## Setting default properties during the control initialization - -The properties of the text markup annotation can be set before creating the control using the highlightSettings, underlineSettings, strikethroughSettings and squigglySettings. - -N>After editing the default color and opacity using the Edit Color tool and Edit Opacity tool, they will be changed to the selected values. - -Refer to the following code sample to set the default annotation settings. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").HighlightSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerHighlightSettings{Author = "Guest User", Color = "#ffff00", Opacity = 0.9 }).UnderlineSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerUnderlineSettings{ Author = "Guest User", Color = "#00ffff", Opacity = 0.9 }).StrikethroughSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerStrikethroughSettings{ Author = "Guest User", Color = "#ff00ff", Opacity = 0.9, }).SquigglySettings(new Syncfusion.EJ2.PdfViewer.PdfViewerSquigglySettings{ Author = "Guest User", Color = "#0000ff", Opacity = 0.9 }).Render() -

- -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").HighlightSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerHighlightSettings{Author = "Guest User", Color = "#ffff00", Opacity = 0.9 }).UnderlineSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerUnderlineSettings{ Author = "Guest User", Color = "#00ffff", Opacity = 0.9 }).StrikethroughSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerStrikethroughSettings{ Author = "Guest User", Color = "#ff00ff", Opacity = 0.9, }).SquigglySettings(new Syncfusion.EJ2.PdfViewer.PdfViewerSquigglySettings{ Author = "Guest User", Color = "#0000ff", Opacity = 0.9 })Render() -

- -{% endhighlight %} -{% endtabs %} - -## Performing undo and redo - -The PDF Viewer performs undo and redo for the changes made in the PDF document. In the text markup annotation, undo and redo actions are provided for: - -* Inclusion of the text markup annotations. -* Deletion of the text markup annotations. -* Change of either color or opacity of the text markup annotations. - -The undo and redo actions can be done by the following ways: - -1. Using the keyboard shortcuts: - After performing a text markup annotation action, you can undo it by using the Ctrl + Z shortcut and redo by using the Ctrl + Y shortcut. -2. Using toolbar: - The undo and redo can be done using the **Undo** tool and **Redo** tool provided in the toolbar. - -Refer to the following code sample for calling undo and redo actions from the client-side. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - -## Saving the text markup annotation - -When you click the download tool in the toolbar, the text markup annotations will be saved in the PDF document. This action will not affect the original document. - -## Printing the text markup annotation - -When the print tool is selected in the toolbar, the PDF document will be printed along with the text markup annotations added to the pages. This action will not affect the original document. - -## Disabling text markup annotation - -The PDF Viewer control provides an option to disable the text markup annotation feature. The code sample for disabling the feature is as follows. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -

- @Html.EJS().PdfViewer("pdfviewer").EnableTextMarkupAnnotation(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).EnableTextMarkupAnnotation(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/download.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/download.md deleted file mode 100644 index 269a9ba6c0..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/download.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -layout: post -title: Download in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Download in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Download -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - -# Download a PDF document in PDF Viewer component - -The PDF Viewer supports downloading the loaded PDF file. You can enable/disable the download using the following code snippet. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("download").EnableDownload(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("download")..ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDownload(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% endtabs %} - -![Alt text](./images/download.png) - -## See also - -* [Toolbar items](./toolbar) -* [Feature Modules](./feature-module) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/feature-module.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/feature-module.md deleted file mode 100644 index fba601c5b4..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/feature-module.md +++ /dev/null @@ -1,48 +0,0 @@ ---- -layout: post -title: Feature Module in ##Platform_Name## Pdfviewer Component -description: Learn here all about Feature Module in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Feature Module -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Feature modules - -The PDF Viewer features are segregated into individual feature-wise modules to enable selectively referencing in the application. The required modules should be injected to extend its functionality. The following are the selective modules of PDF Viewer that can be included as required: - -The available PdfViewer modules are: - -* **Toolbar**:- Built in toolbar for better user interaction. -* **Magnification**:- Perform zooming operation for better viewing experience. -* **Navigation**:- Easy navigation across the PDF pages. -* **LinkAnnotation**:- Easy navigation within and outside of the PDF document. -* **ThumbnailView**:- Easy navigation with in the PDF document. -* **BookmarkView**:- Easy navigation based on the bookmark content of the PDF document. -* **TextSelection**:- Select and copy text from a PDF file. -* **TextSearch**:- Search a text easily across the PDF document. -* **Print**:- Print the entire document or a specific page directly from the browser. -* **Annotation**:- Annotations can be added or edited in the PDF document. - -N>In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a PDF Viewer instance. -Refer to the following table. - -| Module | Property to enable the functionality for a PDF Viewer instance | -|---|---| -|Toolbar|`@Html.EJS().PdfViewer("container").EnableToolbar(true).Render()`| -|Magnification|`@Html.EJS().PdfViewer("container").EnableMagnification(true).Render()`| -|Navigation|`@Html.EJS().PdfViewer("container").EnableNavigation(true).Render()`| -|LinkAnnotation|`@Html.EJS().PdfViewer("container").EnableHyperlink(true).Render()`| -|ThumbnailView|`@Html.EJS().PdfViewer("container").EnableThumbnail(true).Render()`| -|BookmarkView|`@Html.EJS().PdfViewer("container").EnableBookmark(true).Render()`| -|TextSelection|`@Html.EJS().PdfViewer("container").EnableTextSelection(true).Render()`| -|TextSearch|`@Html.EJS().PdfViewer("container").EnableTextSearch(true).Render()`| -|Print|`@Html.EJS().PdfViewer("container").EnablePrint(true).Render()`| -|Annotation|`@Html.EJS().PdfViewer("container").EnableAnnotation(true).Render()`| - -## See also - -* [Toolbar items](./toolbar) -* [Toolbar customization](./how-to/toolbar_customization) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/create-programmatically.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/create-programmatically.md deleted file mode 100644 index 8f312a8d38..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/create-programmatically.md +++ /dev/null @@ -1,1483 +0,0 @@ ---- -layout: post -title: Create Programmatically in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Create Programmatically in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Create Programmatically -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Create form fields programmatically - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - -* Textbox -* Password -* CheckBox -* RadioButton -* ListBox -* DropDown -* SignatureField -* InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` -{% endhighlight %} -{% endtabs %} - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/saveformfield.gif) - -You can invoke download action using following code snippet. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("download").EnableDownload(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("download").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDownload(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% endtabs %} - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/printformfield.gif) - -You can invoke print action using the following code snippet., - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```html -

- @Html.EJS().PdfViewer("pdfviewer").EnablePrint(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnablePrint(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -``` -{% endhighlight %} -{% endtabs %} - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/openexistingpdf.gif) - -## Validate form fields - -The form fields in the PDF Document will be validated when the `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` property of the event arguments of validateFormFields. - -Add the following code snippet to validate the form fields, - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").ValidateFormFields("validateFormFields").EnableFormFieldsValidation(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

- - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).ValidateFormFields("validateFormFields").EnableFormFieldsValidation(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

- - -``` -{% endhighlight %} -{% 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 `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods. - -* FDF -* XFDF -* JSON - -### 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: - -* The first one must be the destination path for the exported data. If the path is not specified, it will ask for the location while exporting. -* The second parameter should be the format type of the form data. - -The following code explains how to export the form field data as FDF. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -``` -{% endhighlight %} -{% endtabs %} - -### Export and import as XFDF - -The following code explains how to export the form field data as XFDF. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% endtabs %} - -### Export and import as JSON - -The following code explains how to export the form field data as JSON. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% endtabs %} - -### Export and import as Object - -The PDF Viewer control supports exporting the form field data as an object, and the exported data will be imported into the current PDF document from the object. - -The following code shows how to export the form field data as an object and import the form field data from that object into the current PDF document via a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -``` -{% endhighlight %} -{% endtabs %} - -## Form Field Properties - -Form field properties in Syncfusion^® PDF Viewer allow you to customize and interact with form fields embedded within PDF documents. This documentation provides an overview of the form field properties supported by the Syncfusion^® PDF Viewer and explains how to use them effectively. - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -### Signature and initial fields settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the signature field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -The following code example explains how to update the properties of the signature field added to the document from the form designer toolbar. - - - -![Signature Field Settings](../../pdfviewer/images/signature_field.png) - -The following code example explains how to update the properties of the initial field added to the document from the form designer toolbar. - - - -![Initial Field Settings](../../pdfviewer/images/InitialField.png) - -### Textbox field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the Textbox field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - - -The following code example explains how to update the properties of the textbox field added to the document from the form designer toolbar. - - - -![Textbox Field Settings](../../pdfviewer/images/Textbox.png) - -### Password field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the Password field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("PDF_Succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("PDF_Succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - - -The following code example explains how to update the properties of the password field added to the document from the form designer toolbar. - - - -![Password Field Settings](../../pdfviewer/images/Password.png) - -### CheckBox field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the CheckBox field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% endtabs %} - - -The following code example explains how to update the properties of the checkbox field added to the document from the form designer toolbar. - - - -![CheckBox Field Settings](../../pdfviewer/images/Checkbox.png) - -### RadioButton field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the RadioButton field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - - -The following code example explains how to update the properties of the radiobutton field added to the document from the form designer toolbar. - - - -![RadioButton Field Settings](../../pdfviewer/images/Radiobutton.png) - -### ListBox field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the ListBox field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - - -The following code example explains how to update the properties of the listbox field added to the document from the form designer toolbar. - - - -![ListBox Field Settings](../../pdfviewer/images/Listbox.png) - -### DropDown field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the DropDown field properties on a button click. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - - -The following code example explains how to update the properties of the dropdown field added to the document from the form designer toolbar. - - - -![DropDownBox Field Settings](../../pdfviewer/images/Dropdown.png) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/create-with-user-interface-interaction.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/create-with-user-interface-interaction.md deleted file mode 100644 index 4e37116814..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/create-with-user-interface-interaction.md +++ /dev/null @@ -1,125 +0,0 @@ ---- -layout: post -title: User Interface Interaction in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn how User Interface Interaction in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Create With User Interface Interaction -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Create form fields with UI interaction - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - -* Textbox -* Password -* CheckBox -* RadioButton -* ListBox -* DropDown -* SignatureField -* InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").EnableFormDesignerToolbar(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableFormDesignerToolbar(true).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- -``` -{% endhighlight %} -{% endtabs %} - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/addformfield.gif) - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/dragformfield.gif) - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/resizeformfield.gif) - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - -![Alt text](../../pdfviewer/images/generalproperties.png) - -![Alt text](../../pdfviewer/images/appearanceproperties.png) - -![Alt text](../../pdfviewer/images/dropdownproperties.png) - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - -![Alt text](../../pdfviewer/images/clipboardformfield.png) - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- -``` -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/form-field-events.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/form-field-events.md deleted file mode 100644 index 1016a474de..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-designer/form-field-events.md +++ /dev/null @@ -1,544 +0,0 @@ ---- -layout: post -title: Form Field Events in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about different form field event in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Form Field Events -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# PDF Viewer Form Field events - -The PDF Viewer control provides the support to different Form Field events. The Form Field events supported by the PDF Viewer Control are: - -| Form Field events | Description | -|---|---| -| formFieldAdd | Event trigger when a form field is added.| -| formFieldClick | Events trigger when the form field is selected.| -| formFieldDoubleClick | Events trigger when the form field is double-clicked.| -| formFieldFocusOut | Events trigger when focus out from the form fields.| -| formFieldMouseLeave | Events trigger when the mouse cursor leaves the form field.| -| formFieldMouseOver | Events trigger when the mouse cursor is over a form field.| -| formFieldMove | Events trigger when a form field is moved.| -| formFieldPropertiesChange | Events trigger when a property of form field is changed.| -| formFieldRemove | Events trigger when a form field is removed.| -| formFieldResize | Events trigger when a form field is resized.| -| formFieldSelect | Events trigger when a form field is selected.| -| formFieldUnselect | Events trigger when a form field is unselected.| -| validateFormFields | Events trigger when validation is failed.| - -## formFieldAdd event - -The [formFieldAdd](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldAdd) event is triggered when a new form field is added, either programmatically or through user interaction. The event arguments provide the necessary information about the form field addition. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldAdd("formFieldAdded").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldDoubleClick("formFieldDoubleClicked").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldFocusOut("FormFieldFocusOuted").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldMouseLeave("FormFieldMouseLeaved").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldMouseover("FormFieldMouseovered").Render() -

- -``` -{% endhighlight %} -{% endtabs %} - -## formFieldMove event - -The [formFieldMove](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldMove/) event is triggered when the mouse moves inside a form field. The event arguments provide the necessary information about the form field mouse move event. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldMove("FormFieldMoved").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} - -## formFieldPropertiesChange event - -The [formFieldPropertiesChange](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldPropertiesChange/) event is triggered when the properties of a form field are changed. The event arguments provide the necessary information about which property of the form field has been changed. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldPropertiesChange("FormFieldPropertiesChanged").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldPropertiesChange("FormFieldPropertiesChanged").Render() -

- -``` -{% endhighlight %} -{% endtabs %} - -## formFieldRemove event - -The [formFieldRemove](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldRemove) event is triggered when a form field is removed from the PDF. The event arguments provide the necessary information about which form field has been removed. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldRemove("FormFieldRemoved").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} - -## formFieldResize event - -The [formFieldResize](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldResize) events are triggered when a form field in a PDF is resized. These events provide the relevant details about the specific form field that has been resized. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldResize("FormFieldResized").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} - -## formFieldSelect event - -The [formFieldSelect](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldSelect/) events are triggered when a form field in a PDF is selected. These events provide the necessary details about the specific form field that has been selected. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldSelect("FormFieldSelected").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} - -## formFieldUnselect event - -The [formFieldUnselect](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_FormFieldUnselect/) events are triggered when a form field in a PDF is unselected. These events provide the necessary details about the specific form field that has been unselected. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldUnselect("FormFieldUnselected").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").FormFieldUnselect("FormFieldUnselected").Render() -

- -``` -{% endhighlight %} -{% endtabs %} - -## validateFormFields event - -The [ValidateFormFields](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ValidateFormFields/) events are triggered when a required form field is left unfilled before downloading the PDF. These events provide the necessary information for validating which form fields are incomplete. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-designer.pdf").ValidateFormFields("ValidateFormField").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- -``` -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-filling.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-filling.md deleted file mode 100644 index f16b133c30..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/form-filling.md +++ /dev/null @@ -1,128 +0,0 @@ ---- -layout: post -title: Form Filling in ##Platform_Name## Pdfviewer Component | Syncfusion -description: Learn here all about Form Filling in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Form Filling in the ASP.NET MVC PDF Viewer component - -PDF Viewer component allows you to display the form fields available in the PDF document. By using this, you can edit and download the form fields. - -The form fields displayed in the PDF Viewer are: - -* Text box -* Password box -* Combo box -* Check box -* Radio Button -* Signature Field -* List box - -![FormFilling](./images/formfilling.png) - -## Disabling form fields - -The PDF Viewer control provides an option to disable the form fields feature. The code sample for disabling the form fields is as follows. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").EnableFormFields(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

-``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).EnableFormFields(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

-``` -{% endhighlight %} -{% endtabs %} - -## How to draw handwritten signature in the signature field - -Signature can be added to the Signature field by using the following steps: - -* Click the Signature Field in the PDF document. The signature panel will appear. - -![SignatureField](./images/signaturefield.png) - -* Draw the signature in the signature panel. - -![SignaturePanel](./images/signature.png) - -* Click the **CREATE** button, the drawn signature will be added in the signature field. - -![Signature](./images/sign.png) - -## Delete the signature inside the signature field - -You can also delete the signature in the signature field by using Delete Option in the annotation toolbar. - -![DeleteSign](./images/deletesign.png) - -## Import and export form fields - -The PDF Viewer control provides the support to import and export form fields using a JSON object in the PDF document. - -## Importing form fields using PDF Viewer API - -You can import the form fields using JSON file or JSON object in code behind like the below code sample. - -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

- -``` - -N>The JSON file for importing the form fields should be placed in the desired location and the path should be provided correctly. - -## Exporting form fields from the PDF document using PDF Viewer API - -You can export the form fields as JSON file in code behind as the following code sample. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

- -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf").Render() -

- -``` -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/formdesigner/programmatically-work-with-form-field.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/formdesigner/programmatically-work-with-form-field.md deleted file mode 100644 index c41168e863..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/formdesigner/programmatically-work-with-form-field.md +++ /dev/null @@ -1,126 +0,0 @@ ---- -layout: post -title: Programmatically Work With Form Field in ##Platform_Name## Pdfviewer Component -description: Learn here all about Programmatically Work With Form Field in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Programmatically Work With Form Field -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Programmatically work with form field - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("FormDesigner.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("FormDesigner.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -```html - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("FormDesigner.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- -``` - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/saveformfield.gif) - -You can invoke download action using following code snippet. - -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDownload(true).DocumentPath("Hive_Succinctly.pdf").Render() -

- - -``` - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/printformfield.gif) - -You can invoke print action using the following code snippet., - -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnablePrint(true).DocumentPath("Hive_Succinctly.pdf").Render() -

- - -``` - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/openexistingpdf.gif) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/formdesigner/user-interaction-with-form-fields.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/formdesigner/user-interaction-with-form-fields.md deleted file mode 100644 index b4323b6ee1..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/formdesigner/user-interaction-with-form-fields.md +++ /dev/null @@ -1,90 +0,0 @@ ---- -layout: post -title: User Interaction With Form Fields in ##Platform_Name## Pdfviewer Component -description: Learn here all about User Interaction With Form Fields in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: User Interaction With Form Fields -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# User interaction with form fields - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableFormDesignerToolbar(true).DocumentPath("Hive_Succinctly.pdf").Render() -

- -``` - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/addformfield.gif) - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/dragformfield.gif) - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../../pdfviewer/images/resizeformfield.gif) - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - -![Alt text](../../pdfviewer/images/generalproperties.png) - -![Alt text](../../pdfviewer/images/appearanceproperties.png) - -![Alt text](../../pdfviewer/images/dropdownproperties.png) - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - -![Alt text](../../pdfviewer/images/clipboardformfield.png) - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -```html - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("Hive_Succinctly.pdf").Render() -

- -``` \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/getting-started-with-server-backed.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/getting-started-with-server-backed.md deleted file mode 100644 index 963a8791d3..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/getting-started-with-server-backed.md +++ /dev/null @@ -1,438 +0,0 @@ ---- -layout: post -title: Getting Started with EJ2 ASP.NET MVC PDF Viewer Control | Syncfusion -description: Learn how to getting started with PDF Viewer control in ASP.NET MVC application. You can view and comment on PDFs in ease and also can fill form fields. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Getting Started with ASP.NET MVC PDF Viewer Control - -The [ASP.NET MVC PDF Viewer](https://www.syncfusion.com/aspnet-mvc-ui-controls/pdf-viewer) control is used to viewing and printing PDF files in any web application. It provides the best viewing experience available with core interactions such as zooming, scrolling, text searching, text selection, and text copying. Thumbnail, bookmark, hyperlink and table of contents support provides easy navigation within and outside the PDF files. - -This section briefly explains about how to integrate ASP.NET MVC PDF Viewer control in your ASP.NET MVC application using Visual Studio. - -## Prerequisites - -[System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) - -## Integrate PDF Viewer into an ASP.NET MVC application - -1. Start Visual Studio and select **Create a new project**. -2. Create a new ASP.NET MVC Web Application project. -![Generate-ASP.NET-MVC-project-using-VS2022](AspNetMVC_Images/create-aspnet-mvc-project.png) -3. Choose the target framework. -![Set-the-project-Name](AspNetMVC_Images/set-project-name.png) -4. Select Web Application pattern (MVC) for the project and then select **Create** button. -![Select-web-application-pattern](AspNetMVC_Images/select-web-application-project.png) - -## ASP.NET MVC PDF Viewer NuGet packages installation - -To add .NET PDF Viewer control, the following NuGet packages need to be installed in your ASP.NET MVC application. - -* [Syncfusion.EJ2.PdfViewer.AspNet.Mvc5](https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Mvc5/) -* [Syncfusion.EJ2.MVC5](https://www.nuget.org/packages/Syncfusion.EJ2.MVC5) - -## Add namespace - -Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder. - -``` - - - -``` - -## Add style sheet - -The theme is referred using CDN inside the `` of `~/Views/Shared/_Layout.cshtml` file as follows, - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - - ... - - - - -{% endhighlight %} -{% endtabs %} - -N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetmvc/documentation/appearance/theme) to learn different ways (CDN, NPM package, and [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator)) to refer styles in ASP.NET MVC application, and to have the expected appearance for Syncfusion^® ASP.NET MVC controls. - -## Add script reference - -Add the required scripts using CDN inside the `` of `~/Views/Shared/_Layout.cshtml` file as follows, - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - - ... - - - - -{% endhighlight %} -{% endtabs %} - -## Register Syncfusion^® Script Manager - -Open `~/Views/Shared/_Layout.cshtml` page and register the script manager in the ASP.NET MVC application as follows. - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - -... - - @Html.EJS().ScriptManager() - - -{% endhighlight %} -{% endtabs %} - -N> Add the script manager `EJS().ScriptManager()` at the **end of ``**. - -## Add ASP.NET MVC PDF Viewer control - -Add the Syncfusion^® ASP.NET MVC PDF Viewer control in `~/Views/Home/Index.cshtml` page. You can load a PDF file in the PDF Viewer by specifying the document name in the DocumentPath property as below. - -{% tabs %} -{% highlight c# tabtitle="~/Index.cshtml" %} - -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- -{% endhighlight %} -{% endtabs %} - -Add the below code in the `HomeController.cs` file which is placed inside `Controllers` folder. - -{% tabs %} -{% highlight c# tabtitle="~/HomeController.cs" %} - -using Newtonsoft.Json; -using Syncfusion.EJ2.PdfViewer; -using System; -using System.Collections.Generic; -using System.IO; -using System.Linq; -using System.Net; -using System.Net.Http; -using System.Reflection; -using System.Web; -using System.Web.Mvc; - -namespace GettingStartedMVC.Controllers -{ - public class HomeController : Controller - { - [System.Web.Mvc.HttpPost] - public ActionResult Load(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - MemoryStream stream = new MemoryStream(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = new object(); - if (jsonObject != null && jsonData.ContainsKey("document")) - { - if (bool.Parse(jsonData["isFileName"])) - { - string documentPath = GetDocumentPath(jsonData["document"]); - - if (!string.IsNullOrEmpty(documentPath)) - { - byte[] bytes = System.IO.File.ReadAllBytes(documentPath); - stream = new MemoryStream(bytes); - } - else - { - string fileName = jsonData["document"].Split(new string[] { "://" }, StringSplitOptions.None)[0]; - if (fileName == "http" || fileName == "https") - { - var WebClient = new WebClient(); - byte[] pdfDoc = WebClient.DownloadData(jsonData["document"]); - stream = new MemoryStream(pdfDoc); - } - else - { - return this.Content(jsonData["document"] + " is not found"); - } - } - } - else - { - byte[] bytes = Convert.FromBase64String(jsonData["document"]); - stream = new MemoryStream(bytes); - - } - } - jsonResult = pdfviewer.Load(stream, jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - public Dictionary JsonConverter(jsonObjects results) - { - Dictionary resultObjects = new Dictionary(); - resultObjects = results.GetType().GetProperties(BindingFlags.Instance | BindingFlags.Public) - .ToDictionary(prop => prop.Name, prop => prop.GetValue(results, null)); - var emptyObjects = (from kv in resultObjects - where kv.Value != null - select kv).ToDictionary(kv => kv.Key, kv => kv.Value); - Dictionary jsonResult = emptyObjects.ToDictionary(k => k.Key, k => k.Value.ToString()); - return jsonResult; - } - - [System.Web.Mvc.HttpPost] - public ActionResult ExportAnnotations(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string jsonResult = pdfviewer.ExportAnnotation(jsonData); - return Content((jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult ImportAnnotations(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - string jsonResult = string.Empty; - var jsonData = JsonConverter(jsonObject); - if (jsonObject != null && jsonData.ContainsKey("fileName")) - { - string documentPath = GetDocumentPath(jsonData["fileName"]); - if (!string.IsNullOrEmpty(documentPath)) - { - jsonResult = System.IO.File.ReadAllText(documentPath); - } - else - { - return this.Content(jsonData["document"] + " is not found"); - } - } - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult ImportFormFields(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.ImportFormFields(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult ExportFormFields(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string jsonResult = pdfviewer.ExportFormFields(jsonData); - return Content(jsonResult); - } - - [System.Web.Mvc.HttpPost] - public ActionResult RenderPdfPages(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.GetPage(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Unload(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - pdfviewer.ClearCache(jsonData); - return this.Content("Document cache is cleared"); - } - - [System.Web.Mvc.HttpPost] - public ActionResult RenderThumbnailImages(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object result = pdfviewer.GetThumbnailImages(jsonData); - return Content(JsonConvert.SerializeObject(result)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Bookmarks(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.GetBookmarks(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult RenderAnnotationComments(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.GetAnnotationComments(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Download(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string documentBase = pdfviewer.GetDocumentAsBase64(jsonData); - return Content(documentBase); - } - - [System.Web.Mvc.HttpPost] - public ActionResult PrintImages(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object pageImage = pdfviewer.GetPrintImage(jsonData); - return Content(JsonConvert.SerializeObject(pageImage)); - } - - private HttpResponseMessage GetPlainText(string pageImage) - { - var responseText = new HttpResponseMessage(HttpStatusCode.OK); - responseText.Content = new StringContent(pageImage, System.Text.Encoding.UTF8, "text/plain"); - return responseText; - } - - private string GetDocumentPath(string document) - { - string documentPath = string.Empty; - if (!System.IO.File.Exists(document)) - { - var path = HttpContext.Request.PhysicalApplicationPath; - if (System.IO.File.Exists(path + "App_Data\\" + document)) - documentPath = path + "App_Data\\" + document; - } - else - { - documentPath = document; - } - return documentPath; - } - - public ActionResult Index() - { - return View(); - } - - public ActionResult About() - { - ViewBag.Message = "Your application description page."; - return View(); - } - - public ActionResult Contact() - { - ViewBag.Message = "Your contact page."; - return View(); - } - } - - public class jsonObjects - { - public string document { get; set; } - public string password { get; set; } - public bool isClientsideLoading { get; set; } - public string organizePages { get; set; } - public string zoomFactor { get; set; } - public string isFileName { get; set; } - public string xCoordinate { get; set; } - public string yCoordinate { get; set; } - public string pageNumber { get; set; } - public string documentId { get; set; } - public string hashId { get; set; } - public string sizeX { get; set; } - public string sizeY { get; set; } - public string startPage { get; set; } - public string endPage { get; set; } - public string stampAnnotations { get; set; } - public string textMarkupAnnotations { get; set; } - public string stickyNotesAnnotation { get; set; } - public string shapeAnnotations { get; set; } - public string measureShapeAnnotations { get; set; } - public string action { get; set; } - public string pageStartIndex { get; set; } - public string pageEndIndex { get; set; } - public string fileName { get; set; } - public string elementId { get; set; } - public string pdfAnnotation { get; set; } - public string importPageList { get; set; } - public string uniqueId { get; set; } - public string data { get; set; } - public string viewPortWidth { get; set; } - public string viewportHeight { get; set; } - public string tilecount { get; set; } - public bool isCompletePageSizeNotReceived { get; set; } - public string freeTextAnnotation { get; set; } - public string signatureData { get; set; } - public string fieldsData { get; set; } - public string formDesigner { get; set; } - public bool isSignatureEdited { get; set; } - public string inkSignatureData { get; set; } - public bool hideEmptyDigitalSignatureFields { get; set; } - public bool showDigitalSignatureAppearance { get; set; } - public bool digitalSignaturePresent { get; set; } - public string tileXCount { get; set; } - public string tileYCount { get; set; } - public string digitalSignaturePageList { get; set; } - public string annotationCollection { get; set; } - public string annotationsPageList { get; set; } - public string formFieldsPageList { get; set; } - public bool isAnnotationsExist { get; set; } - public bool isFormFieldAnnotationsExist { get; set; } - public string documentLiveCount { get; set; } - public string annotationDataFormat { get; set; } - } -} - -{% endhighlight %} -{% endtabs %} - -[ServiceUrl](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ServiceUrl) is necessary to communicate with the server which also specifies the path of the controller. Here, PdfViewer is the name of the controller. - -[DocumentPath](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_DocumentPath) is the property needed to load a PDF file in the PDF Viewer. - -Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. Then, the Syncfusion^® ASP.NET MVC PDF Viewer control will be rendered in the default web browser. - -![ASP.NET MVC PDF Viewer Control](AspNetMVC_Images/pdfviewer-control.png) - -N> We have provided the support to dynamically change the `serviceURL`. So, after changing the `serviceURL` dynamically, you need invoke the `pdfViewer.dataBind()` method to update the `serviceURL` quickly. This will effectively change the `serviceURL` dynamically. Ensure that this step is performed after version 23.1.36. - string serviceUrl = VirtualPathUtility.ToAbsolute("~/Home/"); - function load() { - var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0]; - pdfViewer.serviceUrl = '@serviceUrl' - pdfViewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"; - pdfViewer.dataBind(); - pdfViewer.load(pdfViewer.documentPath, null); - } - -N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-MVC-Getting-Started-Examples/tree/main/PDFViewer/ASP.NET%20MVC%20Razor%20Examples). - -N> You can refer to our [ASP.NET MVC PDF Viewer](https://www.syncfusion.com/aspnet-mvc-ui-controls/pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [ASP.NET MVC PDF Viewer example](https://ej2.syncfusion.com/aspnetmvc/PdfViewer/Default#/material) to understand the core features of PDF Viewer. - -N> When configuring the server-backed PDF viewer, it's essential to understand that there is no need to include the pdfium.js and pdfium.wasm files. Unlike the standalone PDF viewer, which relies on these files for local rendering, the server-backed PDF viewer fetches and renders PDFs directly from the server. Consequently, you can exclude the copy command for deployment process, as they are not required to load and display PDFs in this context. - -N> For hosting the web service on the Linux platform, ensure to include the [SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1). Additionally, for AWS environments, utilize the following packages: - -| **Amazon Web Services (AWS)** |**NuGet package name** | -| --- | --- | -| AWS Lambda|[SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)| -| AWS Elastic Beanstalk |[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)| \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/getting-started.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/getting-started.md deleted file mode 100644 index 312f497206..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/getting-started.md +++ /dev/null @@ -1,181 +0,0 @@ ---- -layout: post -title: Getting Started with EJ2 ASP.NET MVC PDF Viewer Control | Syncfusion -description: Learn how to getting started with PDF Viewer control in ASP.NET MVC application. You can view and comment on PDFs in ease and also can fill form fields. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Getting Started with ASP.NET MVC Standalone PDF Viewer Control - -The [ASP.NET MVC PDF Viewer](https://www.syncfusion.com/aspnet-mvc-ui-controls/pdf-viewer) control is used to viewing and printing PDF files in any web application. It provides the best viewing experience available with core interactions such as zooming, scrolling, text searching, text selection, and text copying. Thumbnail, bookmark, hyperlink and table of contents support provides easy navigation within and outside the PDF files. - -This section briefly explains about how to integrate ASP.NET MVC PDF Viewer control in your ASP.NET MVC application using Visual Studio. - -## Prerequisites - -[System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) - -## Integrate PDF Viewer into an ASP.NET MVC application - -1. Start Visual Studio and select **Create a new project**. -2. Create a new ASP.NET MVC Web Application project. -![Generate-ASP.NET-MVC-project-using-VS2022](AspNetMVC_Images/create-aspnet-mvc-project.png) -3. Choose the target framework. -![Set-the-project-Name](AspNetMVC_Images/set-project-name.png) -4. Select Web Application pattern (MVC) for the project and then select **Create** button. -![Select-web-application-pattern](AspNetMVC_Images/select-web-application-project.png) - -## ASP.NET MVC PDF Viewer NuGet packages installation - -To add .NET PDF Viewer control, the following NuGet packages need to be installed in your ASP.NET MVC application. - -* [Syncfusion.EJ2.MVC5](https://www.nuget.org/packages/Syncfusion.EJ2.MVC5) - -## Add namespace - -Add **Syncfusion.EJ2** namespace reference in `Web.config` under `Views` folder. - -``` - - - -``` - -## Add style sheet - -The theme is referred using CDN inside the `` of `~/Views/Shared/_Layout.cshtml` file as follows, - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - - ... - - - - -{% endhighlight %} -{% endtabs %} - -N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetmvc/documentation/appearance/theme) to learn different ways (CDN, NPM package, and [CRG](https://ej2.syncfusion.com/aspnetmvc/documentation/common/custom-resource-generator)) to refer styles in ASP.NET MVC application, and to have the expected appearance for Syncfusion^® ASP.NET MVC controls. - -## Add script reference - -Add the required scripts using CDN inside the `` of `~/Views/Shared/_Layout.cshtml` file as follows, - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - - ... - - - - -{% endhighlight %} -{% endtabs %} - -### Steps to Load PDF Viewer with Local script and style - -To use local resources with your PDF Viewer, follow these steps: - -**Step 1:** Place the `ej2.min.js` script and its related styles in `ej2` directory within the `Content` folder of your ASP.NET MVC application. - -**Step 2:** Insert the necessary script and style references within the `` section of your _Layout.cshtml file. Make sure these point to your local copies of the files instead of CDN links. - -By following these steps, you will configure your PDF Viewer to load the required script and style locally. See the code snippet below for reference. - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - - ... - - - ... - - - - -{% endhighlight %} -{% endtabs %} - -## Register Syncfusion^® Script Manager - -Open `~/Views/Shared/_Layout.cshtml` page and register the script manager in the ASP.NET MVC application as follows. - -{% tabs %} -{% highlight c# tabtitle="~/_Layout.cshtml" %} - - -... - - @Html.EJS().ScriptManager() - - -{% endhighlight %} -{% endtabs %} - -N> Add the script manager `EJS().ScriptManager()` at the **end of ``**. - -## Add ASP.NET MVC PDF Viewer control - -Add the Syncfusion^® ASP.NET MVC PDF Viewer control in `~/Views/Home/Index.cshtml` page. You can load a PDF file in the PDF Viewer by specifying the document name in the DocumentPath property as below. - -{% tabs %} -{% highlight c# tabtitle="~/Index.cshtml" %} - -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- -{% endhighlight %} -{% endtabs %} - -[DocumentPath](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_DocumentPath) is the property needed to load a PDF file in the PDF Viewer. - -### How to Configure PDF Viewer to Use Local Resources - -To utilize the `resourceUrl` and `documentPath` locally with your PDF Viewer, follow these instructions: - -**Step 1:** Ensure that your application includes the `ej2-pdfviewer-lib` folder. This folder must contain the `pdfium.js`, `pdfium.wasm` files, and the PDF file that you intend to display. These should be located in the `Content` folder within your project. - -**Step 2:** Assign local file paths to the `documentPath` and `resourceUrl` properties within the PDF Viewer setup. The `documentPath` should refer to your PDF file, while the `resourceUrl` should point to the directory containing the supporting resources. - -By following these steps, you will configure your PDF Viewer to load the required resources locally. See the code snippet below for reference. - -{% tabs %} -{% highlight c# tabtitle="~/Index.cshtml" %} - -@{ - ViewBag.Title = "Home Page"; - var originUrl = $"{Request.Url.Scheme}://{Request.Url.Authority}"; - var document = originUrl + "/Content/pdfsuccinctly.pdf"; - var resourceUrl = originUrl + "/Content/ej2-pdfviewer-lib"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ResourceUrl(@resourceUrl).DocumentPath(@document).Render() -

- -{% endhighlight %} -{% endtabs %} - -View the sample in GitHub to [load PDF Viewer with local resources](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Refer%20resource%20url%20locally/PdfViewer_MVC) - -Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. Then, the Syncfusion^® ASP.NET MVC PDF Viewer control will be rendered in the default web browser. - -![ASP.NET MVC PDF Viewer Control](AspNetMVC_Images/pdfviewer-control.png) - -N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-MVC-Getting-Started-Examples/tree/main/PDFViewer/ASP.NET%20MVC%20Razor%20Examples). - -N> You can refer to our [ASP.NET MVC PDF Viewer](https://www.syncfusion.com/aspnet-mvc-ui-controls/pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [ASP.NET MVC PDF Viewer example](https://ej2.syncfusion.com/aspnetmvc/PdfViewer/Default#/material) to understand the core features of PDF Viewer. \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/globalization.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/globalization.md deleted file mode 100644 index db1dafa5fe..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/globalization.md +++ /dev/null @@ -1,552 +0,0 @@ ---- -layout: post -title: Globalization in ##Platform_Name## Pdfviewer Component | Syncfusion -description: Learn here all about Globalization in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Globalization -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Localization in the ASP.NET MVC PDF Viewer component - -The text contents provided in the PDF Viewer can be localized using the collection of localized strings for different cultures. By default, the PDF Viewer is localized in “__en-US__”. - -The following table shows the default text values used in Syncfusion^® PDF Viewer in 'en-US' culture: - -|Keywords|Values| -|---|---| -|PdfViewer|PDF Viewer| -|Cancel|Cancel| -|Download file|Download file| -|Download|Download| -|Enter Password|This document is password protected. Please enter a password.| -|File Corrupted|File corrupted| -|File Corrupted Content|The file is corrupted and cannot be opened.| -|Fit Page|Fit page| -|Fit Width|Fit width| -|Automatic|Automatic| -|Go To First Page|Show first page| -|Invalid Password|Incorrect password. Please try again.| -|Next Page|Show next page| -|OK|OK| -|Open|Open file| -|Page Number|Current page number| -|Previous Page|Show previous page| -|Go To Last Page|Show last page| -|Zoom|Zoom| -|Zoom In|Zoom in| -|Zoom Out|Zoom out| -|Page Thumbnails|Page thumbnails| -|Bookmarks|Bookmarks| -|Print|Print file| -|Password Protected|Password required| -|Copy|Copy| -|Text Selection|Text selection tool| -|Panning|Pan mode| -|Text Search|Find text| -|Find in document|Find in document| -|Match case|Match case| -|Apply|Apply| -|GoToPage|Go to page| -|No Matches|Viewer has finished searching the document. No more matches were found| -|No Text Found|No Text Found| -|Undo|Undo| -|Redo|Redo| -|Annotation|Add or Edit annotations| -|Highlight|Highlight Text| -|Underline|Underline Text| -|Strikethrough|Strikethrough Text| -|Delete|Delete annotation| -|Opacity|Opacity| -|Color edit|Change Color| -|Opacity edit|Change Opacity| -|Highlight context|Highlight| -|Underline context|Underline| -|Strikethrough context|Strike through| -|Server error|Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue.| -|Open text|Open| -|First text|First Page| -|Previous text|Previous Page| -|Next text|Next Page| -|Last text|Last Page| -|Zoom in text|Zoom In| -|Zoom out text|Zoom Out| -|Selection text|Selection| -|Pan text|Pan| -|Print text|Print| -|Search text|Search| -|Annotation Edit text|Edit Annotation| -|Line Thickness|Line Thickness| -|Line Properties|Line Properties| -|Start Arrow|Start Arrow | -|End Arrow|End Arrow| -|Line Style|Line Style| -|Fill Color|Fill Color| -|Line Color|Line Color| -|None|None| -|Open Arrow|Open Arrow| -|Closed Arrow|Closed Arrow| -|Round Arrow|Round Arrow| -|Square Arrow|Square Arrow| -|Diamond Arrow|Diamond Arrow| -|Cut|Cut| -|Paste|Paste| -|Delete Context|Delete Context| -|Properties|Properties| -|Add Stamp|Add Stamp| -|Add Shapes|Add Shapes| -|Stroke edit|Stroke Edit| -|Change thickness|Change Thickness| -|Add line|Add Line| -|Add arrow|Add Arrow| -|Add rectangle|Add Rectangle| -|Add circle|Add Circle| -|Add polygon|Add Polygon| -|Add Comments|Add Comments| -|Comments| Comments| -|No Comments Yet|No Comments Yet| -|Accepted| Accepted| -|Completed| Completed| -|Cancelled| Cancelled| -|Rejected| Rejected| -|Leader Length|Leader Length| -|Scale Ratio|Scale Ratio| -|Calibrate| Calibrate| -|Calibrate Distance|Calibrate Distance| -|Calibrate Perimeter|Calibrate Perimeter| -|Calibrate Area|Calibrate Area| -|Calibrate Radius|Calibrate Radius| -|Calibrate Volume|Calibrate Volume| -|Depth|Depth| -|Closed|Closed| -|Round|Round| -|Square|Square| -|Diamond|Diamond| -|Edit|Edit| -|Comment|Comment| -|Comment Panel|Comment Panel| -|Set Status|Set Status| -|Post|Post| -|Page|Page| -|Add a comment|Add a comment| -|Add a reply|Add a reply| -|Import Annotations|Import Annotations| -|Export Annotations|Export Annotations| -|Add|Add| -|Clear|Clear| -|Bold|Bold| -|Italic|Italic| -|Strikethroughs|Strikethroughs| -|Underlines|Underlines| -|Superscript|Superscript| -|Subscript|Subscript| -|Align left|Align Left| -|Align right|Align Right| -|Center|Center| -|Justify|Justify| -|Font color|Font Color| -|Text Align|Text Align| -|Text Properties|Text Properties| -|Draw Signature|Draw Signature| -|Create| Create| -|Font family|Font Family| -|Font size|Font Size| -|Free Text|Free Text| -|Import Failed|Import Failed| -|File not found|File Not Found| -|Export Failed|Export Failed| -|Dynamic|Dynamic| -|Standard Business|Standard Business| -|Sign Here|Sign Here| -|Custom Stamp|Custom Stamp| -|InitialFieldDialogHeaderText|Initial Field Dialog Header Text| -|HandwrittenInitialDialogHeaderText|Handwritten Initial Dialog Header Text| -|SignatureFieldDialogHeaderText|Signature Field Dialog Header Text| -|HandwrittenSignatureDialogHeaderText|Handwritten Signature Dialog Header Text| -|Draw-hand Signature|Draw-hand Signature| -|Type Signature|Type Signature| -|Upload Signature|Upload Signature| -|Browse Signature Image|Browse Signature Image| -|Save Signature|Save Signature| -|Save Initial|Save Initial| -|highlight|highlight| -|underline|underline| -|strikethrough|strikethrough| -|FormDesigner|Form Designer| -|SubmitForm|Submit Form| -|Search text|Search Text| -|Draw Ink|Draw Ink| -|Revised|Revised| -|Reviewed|Reviewed| -|Received|Received| -|Confidential|Confidential| -|Approved|Approved| -|Not Approved|Not Approved| -|Witness|Witness| -|Initial Here|Initial Here| -|Draft|Draft| -|Final|Final| -|For Public Release|For Public Release| -|Not For Public Release|Not For Public Release| -|For Comment|For Comment| -|Void|Void| -|Preliminary Results|Preliminary Results| -|Information Only|Information Only| -|Enter Signature as Name|Enter Signature as Name| -|Textbox|Textbox| -|Password|Password| -|Check Box|Check Box| -|Radio Button|Radio Button| -|Dropdown|Dropdown| -|List Box|List Box| -|Signature|Signature| -|Delete FormField|Delete FormField| -|FormDesigner Edit text|Form Designer Edit Text| -|in|in| -|m|m| -|ft_in|ft_in| -|ft|ft| -|p|p| -|cm|cm| -|mm|mm| -|pt|pt| -|cu|cu| -|sq|sq| -|General|General| -|Appearance|Appearance| -|Options|Options| -|Textbox Properties|Textbox Properties| -|Name|Name| -|Tooltip|Tooltip| -|Value|Value| -|Form Field Visibility|Form Field Visibility| -|Read Only|Read Only| -|Required|Required| -|Checked|Checked| -|Show Printing|Show Printing| -|Formatting|Formatting| -|Fill|Fill| -|Border|Border| -|Border Color|Border Color| -|Thickness|Thickness| -|Max Length|Max Length| -|List Item|List Item| -|Export Value|Export Value| -|Dropdown Item List|Dropdown Item List| -|List Box Item List|List Box Item List| -|Delete Item|Delete Item| -|Up|Up| -|Down|Down| -|Multiline|Multiline| -|Initial|Initial| -|Export XFDF|Export XFDF| -|Import XFDF|Import XFDF| -|Organize Pages|Organize Pages| -|Insert Right|Insert Right| -|Insert Left|Insert Left| -|Total|Total| -|Pages|Pages| -|Rotate Right|Rotate Right| -|Rotate Left|Rotate Left| -|Delete Page|Delete Page| -|Delete Pages|Delete Pages| -|Copy Page|Copy Page| -|Copy Pages|Copy Pages| -|Save|Save| -|Save As|Save As| -|Select All|Select All| -|Import Document|Import Document| -|Match any word|Match any word| -|Client error|Client-side error is found. Please check the custom headers provided in the AjaxRequestSettings property and web action methods in the ServerActionSettings property| -|Cors policy error|Unable to retrieve the document due to an invalid URL or access restrictions. Please check the document URL and try again| -|No More Matches|Viewer has finished searching the document. No more matches were found| -|No Search Matches|No matches found| -|No More Search Matches|No more matches found| -|Exact Matches|EXACT MATCHES| -|Total Matches|TOTAL MATCHES| - -The different locale value for the PDF Viewer can be specified using the locale property. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```html -

- @Html.EJS().PdfViewer("pdfviewer").Locale("ar-AE").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

-``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).Locale("ar-AE").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

-``` -{% endhighlight %} -{% endtabs %} - -You have to map the text content based on locale like the following script in sample level., - -```html - -``` diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/hand-written-signature.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/hand-written-signature.md deleted file mode 100644 index 0b43a118cc..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/hand-written-signature.md +++ /dev/null @@ -1,179 +0,0 @@ ---- -layout: post -title: Hand Written Signature in ##Platform_Name## Pdfviewer Component -description: Learn here all about Hand Written Signature in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Hand Written Signature -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Handwritten Signature - -The PDF Viewer control supports adding handwritten signatures to a PDF document. The handwritten signature reduces the paper work of reviewing the content and verifies it digitally. - -The following code snippet describes how to disable the handwritten signature in PDF Viewer. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html -@Html.EJS().PdfViewer("pdfviewer").EnableHandwrittenSignature(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} -```html -@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).EnableHandwrittenSignature(false).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() - -``` -{% endhighlight %} -{% endtabs %} - -## Adding a handwritten signature to the PDF document - -The handwritten signature can be added to the PDF document using the annotation toolbar. - -* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it. -* Select the **HandWritten Signature** button in the annotation toolbar. The signature panel will appear. - -![HandWrittenSignature](./images/handwritten_sign.png) - -* Draw the signature in the signature panel. - -![SignaturePanel](./images/signature_panel.png) - -* Then click **Create** button and move the signature using the mouse and place them in the desired location. - -![SignatureAdded](./images/signature_added.png) - -## Adding a Handwritten signature to the PDF document Programmatically - -With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the **addAnnotation()** method. - -Here is an example of how you can use the **addAnnotation()** method to add the Handwritten signature programmatically - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -## Editing the properties of handwritten signature - -The stroke color, border thickness, and opacity of the handwritten signature can be edited using the edit stroke color tool, edit thickness tool, and edit opacity tool in the annotation toolbar. - -![SignatureProperties](./images/signature_properties.png) - -Refer to the following code snippet to set the default handwritten signature settings. - -```html -@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).HandWrittenSignatureSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerHandWrittenSignatureSettings { Opacity = 1, Thickness = 2 }).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() - -``` - -## See also - -* [Toolbar items](./toolbar) -* [Feature Modules](./feature-module) diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/access-file-name.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/access-file-name.md deleted file mode 100644 index 5fd53c258c..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/access-file-name.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -layout: post -title: Access File Name in ##Platform_Name## Pdfviewer Component -description: Learn here all about Access File Name in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Access File Name -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Access file name - -The PDF Viewer server library allows you to can access the filename of the loaded PDF document using the **documentLoad** and **downloadEnd** event. Using these events, we can access the filename while loading and downloading the PDF document. - -The following steps are used to access the file name of loaded PDF document in PDF viewer control, - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Access file name using below code snippet, - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```html -@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() - - - -``` -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```html -@Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() - - -``` -{% endhighlight %} -{% endtabs %} - -Download the sample [how to access file name](https://www.syncfusion.com/downloads/support/directtrac/general/ze/MVC_SAMPLE-609765609) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/add-annotation-in-text-search.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/add-annotation-in-text-search.md deleted file mode 100644 index b7b410cb7f..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/add-annotation-in-text-search.md +++ /dev/null @@ -1,87 +0,0 @@ ---- -layout: post -title: Add Annotation in Text Search in ##Platform_Name## | Syncfusion -description: Learn how to add rectangle annotations using search text bounds in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Add Rectangle Annotations Using Search Text Bounds in PDF Viewer - -## Overview - -This guide demonstrates how to add rectangle annotations based on the bounds of highlighted search text in the PDF Viewer. This technique is useful for emphasizing search results with visual markers in annotation-supported applications. - -## Steps to Add Rectangle Annotations on Search Result Highlight - -**Step 1:** Set Up the PDF Viewer in Your ASP.NET MVC Project - -Follow the steps provided in the [Syncfusion PDF Viewer Getting Started Guide](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started) to create a basic PDF Viewer sample. - -**Step 2:** Set Up the PdfViewer Component to add rectangle annotations based on the bounds of highlighted search text in the PDF Viewer. - -```cs -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - - -

- - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").TextSearchHighlight("handleTextSearchHighlight").Render() -

- - - -``` - -By following this guide, you will enable the PDF Viewer to add rectangle annotations at search result locations, thus increasing the visibility of search results in your application. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/add-save-button.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/add-save-button.md deleted file mode 100644 index 9cefca39a4..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/add-save-button.md +++ /dev/null @@ -1,132 +0,0 @@ ---- -layout: post -title: Add Save Button in Built-In Toolbar | Syncfusion -description: Learn here all about adding save button in built-in Toolbar in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Add Save Button -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Add Save Button in Built-In Toolbar - -PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar. - -* Save button - New `save` button-item can be defined by **CustomToolbarItemModel** and with existing items in [**ToolbarSettings**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. `Save' button-item click action can be defined in `toolbarclick`. - -* Show, Hide - `Save` button-item can be shown or hidden using the [`ToolbarSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings.html#Syncfusion_EJ2_PdfViewer_PdfViewerToolbarSettings_ToolbarItems) . - -* Enable, Disable - `save` button-item can be enabled or disable using `enabletoolbaritem`. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -

-

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2-pdfviewer-lib").ToolbarClick("toolbarClick").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -

-

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).ToolbarClick("toolbarClick").Render() -

- - -{% endhighlight %} -{% endtabs %} - -N> Default value of toolbar items is ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm'] - -### Align Property - -The align property is used to specify the alignment of a toolbar item within the toolbar. - -`Left`: Aligns the item to the left side of the toolbar. -`Right`: Aligns the item to the right side of the toolbar. - -### Tooltip Property - -The tooltip property is used to set the tooltip text for a `save` button-item. Tooltip provides additional information when a user hovers over the item. - -### CssClass Property - -The cssClass property is used to apply custom CSS classes to a `save` button-item. It allows custom styling of the `save` button-item. - -### Prefix Property - -The prefix property is used to set the CSS class or icon that should be added as a prefix to the existing content of the `save`button-item. - -### ID Property - -The id property within a CustomToolbarItemModel is a compulsory attribute that plays a vital role in toolbar customization. It serves as a unique identifier for each toolbar item, facilitating distinct references and interactions. - -When defining or customizing toolbar items, it is mandatory to assign a specific and descriptive id to each item. -These properties are commonly used when defining custom toolbar items with the `CustomToolbarItemModel`` in the context of Syncfusion^® PDF Viewer. When configuring the toolbar using the `ToolbarSettings`` property, you can include these properties to customize the appearance and behavior of each toolbar item. - -N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/close-comment-panel.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/close-comment-panel.md deleted file mode 100644 index 4a36a71101..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/close-comment-panel.md +++ /dev/null @@ -1,35 +0,0 @@ ---- -layout: post -title: Close Comment Panel in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Close Comment Panel in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Close Comment Panel -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - - -# Close the comment panel - -The PDF Viewer server library allows you to close the comment panel programmatically using the external button event. - -The following steps are used to close the comment panel programmatically in PDF Viewer, - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Add the following code snippet to close the comment panel using button click event - -```html - - - - - -``` - -Download the sample [how to close comment panel](https://www.syncfusion.com/downloads/support/directtrac/general/ze/MVC_SAMPLE1299715828) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/configure-annotation-selector-setting.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/configure-annotation-selector-setting.md deleted file mode 100644 index afec2d3cf5..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/configure-annotation-selector-setting.md +++ /dev/null @@ -1,78 +0,0 @@ ---- -layout: post -title: Annotation Selector Setting in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Configuring AnnotationSelector setting in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# How to Configure Annotation Selector Settings - -### Annotation Selector Settings - -The [**annotationSelectorSettings**](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewerAnnotationSelectorSettings.html) property allows you to customize the appearance and behavior of the annotation selector in the UI. The AnnotationSelectorSettings defines the settings for the annotation selector, including border colors, sizes, and shapes. It provides fine-grained control over how annotations are displayed and interacted with. - -### How to Configure Annotation Selector Settings - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample. - -**Step 2:** Set Up PDF Viewer in Your View: Add the following code snippet to your view (e.g., Index.cshtml) - -``` -@{ - ViewData["Title"] = "PDF Viewer"; -} -

-

- @Html.EJS().PdfViewer("pdfviewer") - .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf") - .ResourceUrl("https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2-pdfviewer-lib") - .Render() -

-``` - -**Step 3:** Add JavaScript for Annotation Selector Settings: Below the PDF Viewer in your view, include the following script to configure the annotationSelectorSettings - -``` - -``` -#### Key properties include: - -* **selectionBorderColor**: Sets the color for the border around selected annotations. - -* **resizerBorderColor**: Sets the color for the border of the resizer handles. - -* **resizerFillColor**: Defines the fill color for the resizer handles. - -* **resizerSize**: Determines the size of the resizer handles. - -* **selectionBorderThickness**: Specifies how thick the selection border should be. - -* **resizerShape**: Allows you to choose the shape of the resizer handles (e.g., Circle or Square). - -* **selectorLineDashArray**: Specifies the dash pattern for the selector line to enhance visual cues. - -* **resizerLocation**: Determines where the resizer appear in relation to the annotation (e.g., Corners or Edges). - -* **resizerCursorType**: Sets the cursor style when hovering over the resizer, improving user interaction. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/control-annotation-visibility.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/control-annotation-visibility.md deleted file mode 100644 index 6b3dae90ac..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/control-annotation-visibility.md +++ /dev/null @@ -1,98 +0,0 @@ ---- -layout: post -title: Annotations Visibility in EJ2 ASP.NET MVC PdfViewer | Syncfusion -description: Learn how to Control PDF Annotations Visibility in the Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Control PDF Annotations Visibility -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Control PDF Annotations Visibility in PDF Viewer - -### Overview - -This guide demonstrates how to control the visibility of PDF annotations in documents loaded and saved using the Syncfusion PDF Viewer. This process allows the annotations to be visible only in the Syncfusion PDF Viewer. - -### How to Control Annotation Visibility - -**Step 1:** Set Up the PdfViewer in Your ASP.NET MVC Project - - Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample. - -**Step 2:** Set Up Your ASP.NET MVC Component - -Create an ASP.NET MVC component and update the template to include a button that triggers the download operation. Additionally, create a function to save the document with the PDF annotation flag set to `noView`. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} -

- - - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/annotations-v1.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -By following these steps, the annotations in a PDF document can be set to be visible in the Syncfusion PDF Viewer, providing control over annotation visibility based on different platforms. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md deleted file mode 100644 index 30de6b7d0a..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md +++ /dev/null @@ -1,117 +0,0 @@ ---- -layout: post -title: Converting Library Bounds in EJ2 ASP.NET MVC PdfViewer | Syncfusion -description: Learn how to convert Library bounds into Viewer bounds in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Converting PDF Library Bounds to PDF Viewer Bounds - -### Overview - -When exporting annotations from the PDF Library, you may need to convert the bounds values into the PDF Viewer format. This guide will help you achieve that using the Syncfusion PDF Viewer component. - -### How to Convert Bounds Values - -**Step 1:** Initialize the PdfViewer Instance - -Create an instance of the PdfViewer and configure it with the required services. - -**Step 2:** Handle Export Success - -Convert the exported blob URL to an object and then extract and convert the annotation bounds. - -**Step 3:** Create a Function to Convert Blob URL to Object - -This function fetches the blob data and converts it into a JSON object. - -{% tabs %} -{% highlight html tabtitle="Server-Backed" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -### Conclusion - -By following these steps, you can successfully convert PDF Library bounds values into PDF Viewer bounds values when exporting annotations as JSON. This will help maintain accuracy in the annotation placement and ensure a seamless user experience. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md deleted file mode 100644 index 0815d6f098..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-context-menu.md +++ /dev/null @@ -1,390 +0,0 @@ ---- -layout: post -title: Customize context menu with EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Customize context menu in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Customize context menu - -PDF Viewer allows you to add custom option in context menu. It can be achieved by using the `addCustomMenu()` method and custom action is defined using the `customContextMenuSelect()`method. - -### Add Custom Option - -The following code shows how to add custom option in context menu. - -``` - -``` - -### Customize custom option in context menu - -The PDF Viewer feature enables customization of custom options and the ability to toggle the display of the default context menu. When the addCustomMenu parameter is set to `true`, the default menu is hidden; conversely, when it is set to `false`, the default menu items are displayed. - -``` - -``` - -#### Customize added context menu items - -The following code shows how to hide/show added custom option in context menu using the `customContextMenuBeforeOpen()` method. - -``` - -``` - -The following is the output of custom context menu with customization. - -``` - -@using Syncfusion.EJ2 - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").ResourceUrl("https://cdn.syncfusion.com/ej2/23.2.6/dist/ej2-pdfviewer-lib").CustomContextMenuSelect("customContextMenuSelect").CustomContextMenuBeforeOpen("customContextMenuBeforeOpen").DocumentLoad("documentLoaded").Render() -

- - -``` - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-font-signature-field.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-font-signature-field.md deleted file mode 100644 index 04b8b8af9d..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-font-signature-field.md +++ /dev/null @@ -1,82 +0,0 @@ ---- -layout: post -title: How to change the font family in Syncfusion ASP .MVC. -description: Learn how to change the font family in Form Field's Type Signature in Syncfusion ASP .MVC Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# To Change the Font Family -Change the Font Family in Type Signature of the Syncfusion^® PDF Viewer by adding a custom css stylesheet to the document , and then apply the desired font family to the type signature element. Include the Google font link in the HTML head section to apply the Google Font. - -### Signature Field property -The Syncfusion^® PDF Viewer provides the ability to change the font family for Signature and Initial Field using `typeSignatureFonts` and `typeInitialFonts` property. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample. - -**Step 2:** Insert the following code snippet to implement the functionality for using custom fonts in Signature field. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - - - -``` - -

- @Html.EJS().PdfViewer("pdfviewer").ChangeFontFamily("changeFontFamily").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -### Initial Field property -Insert the following code snippet to implement the functionality for using custom fonts in Initial field. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} -```html - - - - -``` - -

- @Html.EJS().PdfViewer("pdfviewer").ChangeFontFamily("changeFontFamily").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -By implementing this , you can use custom fonts in form field's signature in both `signature` and `initial` field \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-fonts.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-fonts.md deleted file mode 100644 index 119d1ce93f..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/custom-fonts.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -layout: post -title: Add custom fonts to the PDF Viewer using the PDF document | Syncfusion -description: Learn here all about how to add custom fonts using the PDF document in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# How to add custom fonts to the PDF viewer used in the PDF document - -To use custom fonts in the Syncfusion^® PDF Viewer within your PDF document, you need to add the custom TTF font files to the resource URL directory and configure the viewer to load these fonts. You can specify the custom font names using the -**customFonts** property, which accepts an array of font names. - -The following steps are used to customize the selection border. - -**Step 1:** Add the custom TTF font files to the resource URL path referenced in your application. For example, place the custom TTF files in the ej2-pdfviewer-lib folder, which will serve as the resource URL path. - -**Step 2:** The following code snippet are how you can add custom fonts to the PDF viewer. - -```html - -

- -

- - - -``` - -By following these steps, you can successfully integrate and use custom fonts in your PDF documents displayed in the EJ2 PDF Viewer. \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/default-width-height.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/default-width-height.md deleted file mode 100644 index dde296521c..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/default-width-height.md +++ /dev/null @@ -1,24 +0,0 @@ ---- -layout: post -title: How to change default size in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn how to change the default width and height in the ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: How to change the default width and height -publishingplatform: ej2-asp-core-mvc -documentation: UG ---- - -# How to change the default width and height - -To change the default width and height of the Syncfusion^® PDF Viewer, modify the `Width` and `Height` properties of the PDFViewer control. - -```html -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Height("1000px").Width("80%").Render() -

-``` -In this example, the Width property is set to `80%`, and the Height property is set to `1000px`. Change these values to any desired size in pixels or percentages. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/EJ2-69063-defaultWidthHeight/How%20to/Change%20Default%20Height%20and%20Width) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/delete-annotation.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/delete-annotation.md deleted file mode 100644 index bb731c42e7..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/delete-annotation.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -layout: post -title: Delete Annotation in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Delete Annotation in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Delete Annotation -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - -# Delete a specific annotation using deleteAnnotationById - -The PDF Viewer server library allows you to delete a specific annotation from a PDF document. Deleting a specific annotation can be done using the **deleteAnnotationById()** method. This method is used to delete a specific annotation using its id. - -The following steps are used to delete a specific annotation from PDF Document. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Use the following code snippet to delete a specific annotation using `deleteAnnotationById()` method. - -```html - - - - -``` - -Download the sample [how to delete a specific annotation using deleteAnnotationById](https://www.syncfusion.com/downloads/support/directtrac/general/ze/EJ2MvcSample357842164.zip) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/download-start-event.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/download-start-event.md deleted file mode 100644 index 3151301941..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/download-start-event.md +++ /dev/null @@ -1,63 +0,0 @@ ---- -layout: post -title: Controlling File Downloads in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here how to Controlling File Downloads in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Controlling File Downloads in Syncfusion^® PDF Viewer - -In the Syncfusion^® PDF Viewer, we've introduced a new feature that enables you to manage file downloads more effectively. This feature allows you to intercept and potentially skip the download process of a PDF document, providing enhanced control over user interactions within your application. - -### Using the downloadStart Event - -The key to this functionality lies in the downloadStart event, which offers a mechanism to intercept the initiation of the download process. Within the event handler, you can set the cancel argument to true to programmatically prevent the download action from proceeding. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").DownloadStart("downloadStart").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").DownloadStart("downloadStart").Render() -

- - - -{% endhighlight %} -{% endtabs %} - - -By default, the cancel argument is set to `false`, indicating that the download action will proceed unless explicitly canceled by your custom logic. - -### Enhanced Flexibility - -By leveraging the `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-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/enable-local-storage.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/enable-local-storage.md deleted file mode 100644 index 6e3be776c7..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/enable-local-storage.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -layout: post -title: Managing Local Storage in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn how to manage local storage in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Managing Local Storage in Syncfusion PDF Viewer - -The Syncfusion PDF Viewer provides the `enableLocalStorage` property, which allows you to control how session-specific data is stored. You can choose to store this data in an internal collection or rely on the default session storage. - -### Using the enableLocalStorage Property - -Set the `enableLocalStorage` property to manage whether the PDF Viewer uses session storage (default) or an internal collection. When set to `true`, session-specific data is kept in memory. Otherwise, session storage is used. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - -{% endhighlight %} -{% endtabs %} - -### Impact and Considerations - -- **Increased Memory Usage**: Setting `enableLocalStorage` to `true` can increase memory usage, particularly with larger documents or those containing many interactive elements, such as form fields and annotations. -- **Avoiding Memory Leaks**: It is crucial to properly dispose of the PDF Viewer instance when it's no longer needed to prevent memory leaks, especially when using in-memory storage. -- **Default Behavior**: By default, this property is set to `false`, meaning the session storage mechanism is utilized unless explicitly changed. - -### Enhanced Control - -Leveraging the `enableLocalStorage` property provides greater flexibility in managing how data is stored during a session, allowing you to optimize performance and storage based on your application’s specific requirements. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/enable-text-selection.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/enable-text-selection.md deleted file mode 100644 index f5943caf71..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/enable-text-selection.md +++ /dev/null @@ -1,92 +0,0 @@ ---- -layout: post -title: Enable or Disable Text Selection in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about enabling text selection in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Enable or Disable Text Selection in Syncfusion PDF Viewer - -The Syncfusion PDF Viewer provides the `EnableTextSelection` property, which allows you to control whether users can select text within the displayed PDF document. This feature can be toggled programmatically during runtime. - -## Configure Text Selection on Initialization - -You can set the initial text selection behavior when initializing the PDF Viewer control by configuring the `EnableTextSelection` property. By default, text selection is enabled, but you can disable it as shown in the following example: - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer") - .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf") - .ResourceUrl("https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib") - .EnableTextSelection(false) - .Render() -

- -{% endhighlight %} -{% endtabs %} - -## Toggle Text Selection Dynamically - -You can change the text selection behavior at runtime using buttons, menu options, or other UI elements. The following example demonstrates how to toggle text selection with button clicks: - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - - @Html.EJS().PdfViewer("pdfviewer") - .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf") - .ResourceUrl("https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib") - .EnableTextSelection(false) - .Render() -

- - - -{% endhighlight %} -{% endtabs %} - -## Use Cases and Considerations - -- **Document Protection**: Disabling text selection helps prevent unauthorized copying of sensitive content. -- **Read-only Documents**: In scenarios where documents are meant for viewing only, disabling text selection can provide a cleaner user experience. -- **Interactive Applications**: Toggle text selection based on user roles or document states in complex applications. -- **Controlled Access**: Implement conditional text selection depending on user permissions or document sections. - -## Default Behavior - -By default, text selection is enabled in the PDF Viewer. Set the `EnableTextSelection` property to `false` explicitly if you want to disable this functionality. - -N> When text selection is disabled, users will not be able to select or copy text from the document, which can be useful for protecting document content in certain scenarios. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/export-as-image-standalone.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/export-as-image-standalone.md deleted file mode 100644 index e2e527add0..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/export-as-image-standalone.md +++ /dev/null @@ -1,121 +0,0 @@ ---- -layout: post -title: Export As Image in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Export As Image in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Export As Image from PDF document - -The PDF Viewer library allows you to export specified pages as a Base64-encoded image string using the **exportAsImage()** method and exporting a range of pages as Base64-encoded image strings using the **exportAsImages()** method. - -The following steps are used to exportAsImage. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** The following code snippet to implement the functionality for exporting a specified page as a Base64-encoded image string or exporting a range of pages as Base64-encoded image strings. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -Similarly, to code snippet for exports the specified page as a Base64-encoded image string, allowing for custom image size: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -Similarly, to code snippet for exports the range of pages as Base64-encoded image strings: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -Similarly, to code snippet for exports the range of pages as Base64-encoded image strings, allowing for custom image size: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -By following these steps, you can successfully integrate and use the export as image API in the EJ2 PDF Viewer. \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/export-as-image.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/export-as-image.md deleted file mode 100644 index f04c5617a7..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/export-as-image.md +++ /dev/null @@ -1,164 +0,0 @@ ---- -layout: post -title: Export As Image in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn how to export as image in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Export As Image -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - -# Exporting PDFs as raster images - -The PDF Viewer server library allows the PDF document pages to be exported as raster images. Exporting can be done using the ExportAsImage() method. This option helps to convert a PDF into an image. The APIs available to export the PDF document pages as images are listed as follows: - -## ExportAsImage(int pageindex) - -Exports the specified page as image using the Pdfium rendering engine. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap bitmapimage = pdfExportImage.ExportAsImage(0); -//Save the exported image in disk -bitmapimage.Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); - -``` - -## ExportAsImage(int pageIndex, float dpiX, float dpiY) - -Exports the specified page as image with respect to the specified DPI values. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap bitmapimage = pdfExportImage.ExportAsImage(0, 200, 200); -//Save the exported image in disk -bitmapimage.Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); - -``` - -## ExportAsImage(int pageIndex, SizeF customSize, bool keepAspectRatio) - -Exports the specified page as image with respect to the specified custom size. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap bitmapimage = pdfExportImage.ExportAsImage(0, new SizeF(200, 300), true); -//Save the exported image in disk -bitmapimage.Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); - -``` - -## ExportAsImage(int pageIndex, SizeF customSize, float dpiX, float dpiY, bool keepAspectRatio) - -Exports the specified page as image with respect to the custom size and the specified DPI values. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap bitmapimage = pdfExportImage.ExportAsImage(0, new SizeF(200, 300),200,200, true); -//Save the exported image in disk -bitmapimage.Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); - - -``` - -## ExportAsImage(int startIndex, int endIndex) - -Exports the specified pages as images using the Pdfium rendering engine. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap[] bitmapimage = pdfExportImage.ExportAsImage(0, pdfExportImage.PageCount-1); -for (int i =0; i < pdfExportImage.PageCount; i++) -{ - // Save the exported image in disk - bitmapimage[i].Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); -} - -``` - -## ExportAsImage(int startIndex, int endIndex, float dpiX, float dpiY) - -Exports the specified pages as images with respect to the specified DPI values. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap[] bitmapimage = pdfExportImage.ExportAsImage(0, pdfExportImage.PageCount-1, 200, 200); -for (int i =0; i < pdfExportImage.PageCount; i++) -{ - //Save the exported image in disk - bitmapimage[i].Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); -} - -``` - -## ExportAsImage(int startIndex, int endIndex, SizeF customSize, bool keepAspectRatio) - -Exports the specified pages as images with respect to the specified custom size. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap[] bitmapimage = pdfExportImage.ExportAsImage(0, pdfExportImage.PageCount-1, new SizeF(200, 300), false); -for (int i =0; i < pdfExportImage.PageCount; i++) -{ - //Save the exported image in disk - bitmapimage[i].Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); -} - -``` - -## ExportAsImage(int startIndex, int endIndex, SizeF customSize, float dpiX, float dpiY, bool keepAspectRatio) - -Exports the specified pages as images with respect to the custom size and the specified DPI values. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExportImage = new PdfRenderer(); -//Loads the PDF document -pdfExportImage.Load(@"currentDirectory/../../../../Data/HTTP Succinctly.pdf"); -//Exports the PDF document pages into images -Bitmap[] bitmapimage = pdfExportImage.ExportAsImage(0, pdfExportImage.PageCount-1, new SizeF(200, 300),200,200,false); -for (int i = 0; i < pdfExportImage.PageCount; i++) -{ - //Save the exported image in disk - bitmapimage[i].Save(@"currentDirectory/../../../../Images/" + "bitmapImage.png"); -} - -``` - -N> Ensure the provided document path and output image saved locations in your application level. \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-completed.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-completed.md deleted file mode 100644 index 5c42b9f23a..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-completed.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -layout: post -title: extractTextCompleted Event in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about extractTextCompleted Event in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Extract text using extractTextCompleted Event - -The PDF Viewer library allows you to extract the text from a page along with the bounds. Text extraction can be done using the **isExtractText** property and [**extractTextCompleted**](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ExtractTextCompleted) event. `extractTextCompleted` event Triggers when an text extraction is completed in the PDF Viewer. - -Here is an example of how you can use the extractTextCompleted event: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - - -{% endhighlight %} -{% endtabs %} - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-option.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-option.md deleted file mode 100644 index fd1c10e36b..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-option.md +++ /dev/null @@ -1,65 +0,0 @@ ---- -layout: post -title: Extract text Option in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Extract text Option in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Extract Text Option in Syncfusion PDF Viewer - -The `extractTextOption` property in the Syncfusion PdfViewer control allows you to optimize memory usage by controlling the level of text extraction. This setting influences the data returned in the `extractTextCompleted` event. You can select one of the following options to determine the kind of text extraction and layout information to retrieve. - -### Available Options: - -**None:** No text information is extracted or returned. This is useful when you want to optimize memory usage and don't need any text data. - -**TextOnly:** Extracts only the plain text from the document. This option excludes any layout or positional information. - -**BoundsOnly:** Extracts layout information, such as bounds or coordinates, without including the plain text data. - -**TextAndBounds:** Extracts both the plain text and the layout (bounds) information, which is the default behavior. - -The following example demonstrates how to configure the `extractTextOption` property to control the level of text extraction: - - - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - -{% endhighlight %} -{% endtabs %} - -### Description of Each Option -**extractTextOption.TextAndBounds (default):** This option returns both plain text and its positional data (bounds). Use this option when you need to access both the content of the PDF and its layout for further processing or analysis. - -**extractTextOption.TextOnly:** This option returns only the plain text from the PDF. No positional or layout data is included. Note that when using this option, text search functionality will be disabled. In such cases, it is recommended to use findTextAsync for text searching. - -**extractTextOption.BoundsOnly:** This option returns only the layout information (bounds) of the text, excluding the actual content. It is useful when the focus is on the position of text elements rather than the text itself. - -**extractTextOption.None:** This option does not extract or return any text or layout information. It is used to optimize memory usage when no text extraction is necessary. This setting is only relevant for the `extractTextCompleted` event and cannot be used with the `ExtractText` method. - -N> Text Search: When using the `extractTextOption.TextOnly` and `extractTextOption.None` option, the findText method will not work. Instead, you should use the findTextAsync method to perform text searches asynchronously. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-using-text-collection.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-using-text-collection.md deleted file mode 100644 index 6e6f86ab62..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text-using-text-collection.md +++ /dev/null @@ -1,39 +0,0 @@ ---- -layout: post -title: Extract Text Using Text Collection in Syncfusion ##Platform_Name## Pdfviewer Component -description: Learn here all about Extract Text Using Text Collection in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Extract Text Using Text Collection -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Extract Text using TextLineCollection - -The PDF Viewer server library allows you to extract the text from a page along with the bounds using TextLineCollection. Text extracting can be done using the **ExtractText()** method. - -Add the following dependency to your application using the `NuGet Package Manager`. -* Syncfusion.EJ2.PdfViewer.AspNet.Mvc5 - -N>From Volume 2 2019 release Syncfusion.Pdf.AspNet.Mvc5 and Syncfusion.Compression.Base packages are added as dependency for PDF Viewer control. Ensure the dependency packages are referred in your application properly. - -The following code snippet explains how to extract the text from a page using TextLineCollection. - -```cs - -var path = @"currentDirectory/../../../../Data/Simple.pdf"; -var fileInfo = new FileInfo(path); -var docStream = new FileStream(fileInfo.FullName, FileMode.Open, FileAccess.Read); -// Load the PDF document. -PdfLoadedDocument document = new PdfLoadedDocument(docStream); -// Loading page collections -PdfPageBase page = document.Pages[0] as PdfLoadedPage; -//Extract text from the page. -var text = page.ExtractText(out TextLineCollection textLineCollection); - -``` - -Find the sample [How to extract text using TextLineCollection](https://www.syncfusion.com/downloads/support/directtrac/general/ze/Wordbound1901545288.zip) - -N>Ensure the provided document path and output text saved locations in your application level. \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text.md deleted file mode 100644 index 9d4407f038..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/extract-text.md +++ /dev/null @@ -1,111 +0,0 @@ ---- -layout: post -title: Extract Text in Syncfusion ##Platform_Name## Pdfviewer Component -description: Learn here all about Extract Text in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Extract Text -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Extract Text from PDF document -## Extract Text in server backed mode. - -The PDF Viewer server library allows you to extract the text from a page along with the bounds. Text extracting can be done using the ExtractText() method. Add the following dependency to your application using the `NuGet Package Manager`. -* Syncfusion.EJ2.PdfViewer.AspNet.Mvc5 - -N>From Volume 2 2019 release Syncfusion.Pdf.AspNet.Mvc5 and Syncfusion.Compression.Base packages are added as dependency for PDF Viewer control. Ensure the dependency packages are referred in your application properly. - -The following code snippet explains how to extract the text from a page. - -```cs - -//Uses the Syncfusion.EJ2.PdfViewer assembly -PdfRenderer pdfExtractText = new PdfRenderer(); -pdfExtractText.Load("../../Data/HTTP Succinctly.pdf"); -//Returns the bounds of the text -List textCollection = new List(); -//Extracts the text from the first page of the PDF document along with its bounds -string text = pdfExtractText.ExtractText(0, out textCollection); -System.IO.File.WriteAllText("../../Data/data.txt", text); - -``` - -Sample: -[https://www.syncfusion.com/downloads/support/directtrac/general/ze/ExtractText853154752](https://www.syncfusion.com/downloads/support/directtrac/general/ze/ExtractText853154752) - -N>Ensure the provided document path and output text saved locations in your application level. - -## Extract Text Method in standalone mode - -The `extractText` method of the Syncfusion PdfViewer control enables text extraction from one or more pages in a PDF document. This method is useful for retrieving the text content along with its associated data, such as the bounds of each text element. - -### extractText Method -The extractText method retrieves text data from the specified page(s) of a PDF document. It can extract text from one page, a range of pages, or even provide detailed text data, depending on the options specified. - -#### Parameters: -**startIndex:** The starting page index for text extraction (0-based index). - -**endIndex Or isOptions:** This can either be the ending page index for the text extraction (for extracting from multiple pages) or an option specifying text extraction criteria for a single page. - -**options (optional):** Specifies additional options, such as extracting plain text `TextOnly` or more detailed text data `TextAndBounds`. You can specify various options for text extraction. These options determine whether you want to extract plain text, text with bounds, or detailed text data. - -***TextOnly:*** Extracts only the plain text content without bounds or additional information. - -***TextAndBounds:*** Extracts text content along with its bounds (coordinates) within the PDF. - -#### Returns: -The method returns a Promise that resolves to an object containing two properties: - -**textData:** An array of TextDataSettingsModel objects, each representing the details of the extracted text (including bounds, page text, etc.). - -**pageText:** A concatenated string of plain text extracted from the specified page(s). - -### Usage of extractText in Syncfusion PdfViewer Control -Here is an example that demonstrates how to use the extractText method: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - - - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - - -{% endhighlight %} -{% endtabs %} - -#### Explanation: -**Single Page Extraction:** The first `extractText` call extracts text from page 1 (`startIndex = 1`), using the 'TextOnly' option for plain text extraction. - -**Multiple Pages Extraction:** The second extractText call extracts text from pages 0 through 2 (`startIndex = 0, endIndex = 2`), using the `TextOnly` option for plain text extraction. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/find-text-async.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/find-text-async.md deleted file mode 100644 index c17c8aef93..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/find-text-async.md +++ /dev/null @@ -1,92 +0,0 @@ ---- -layout: post -title: Find Text Async in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn about the `findTextAsync` in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Find Text using findTextAsync Method in Syncfusion PdfViewer - -The findTextAsync method in the Syncfusion PdfViewer control allows you to search for specific text or an array of strings asynchronously within a PDF document. The method returns the bounding rectangles for each occurrence of the search term, allowing you to find and work with text positions in the document. - -Here is an example of how you can use the **findTextAsync** method: - - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - - - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - -{% endhighlight %} -{% endtabs %} - -### Description: - -The `findTextAsync` method is designed for performing an asynchronous text search within a PDF document. You can use it to search for a single string or multiple strings, with the ability to control case sensitivity. By default, the search is applied to all pages of the document. However, you can adjust this behavior by specifying the page number (pageIndex), which allows you to search only a specific page if needed. - -### Parameters: - -**text (string | string[]):** - -The text or an array of texts you want to search for in the document. - -**matchCase (boolean):** - -Indicates whether the search should be case-sensitive. -When set to true, the search will match the exact case. -When set to false, the search will ignore case differences. - -**pageIndex (optional, number):** - -Specifies the page number (zero-based index) to search within the document. -If not provided, the search will be performed across all pages in the document. -For example, passing 0 would search only the first page of the document. - -### Example Workflow: - -**findTextAsync('pdf', false):** -This will search for the term "pdf" in a case-insensitive manner across all pages of the document. - -**findTextAsync(['pdf', 'the'], false):** -This will search for the terms "pdf" and "the" in a case-insensitive manner across all pages of the document. - -**findTextAsync('pdf', false, 0):** -This will search for the term "pdf" in a case-insensitive manner only on the first page (page 0). - -**findTextAsync(['pdf', 'the'], false, 1):** -This will search for the terms "pdf" and "the" in a case-insensitive manner only on the second page (page 1). - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/get-Page-Info.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/get-Page-Info.md deleted file mode 100644 index acff766cd0..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/get-Page-Info.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -layout: post -title: Get Page Info in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Get Page Info in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Get Page Info from PDF document - -The PDF Viewer library allows you to retrieves the information of a specified page in the viewer using the **getPageInfo()** method.This provides essential information such as the height, width and rotation. - -The following steps are used to getPageInfo. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** The following code snippet to implement the functionality for retrieving height, width and rotation of a specified page in the viewer. - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - -@using Syncfusion.EJ2 -@{ - ViewBag.Title = "Home Page"; -} - -

- - - - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - -{% endhighlight %} -{% endtabs %} - -By following these steps, you can successfully integrate and use the get page info API in the EJ2 PDF Viewer. - -[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/get-base64.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/get-base64.md deleted file mode 100644 index de5605b55d..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/get-base64.md +++ /dev/null @@ -1,68 +0,0 @@ ---- -layout: post -title: Retrieving Base64 Value in EJ2 ASP.NET MVC PdfViewer | Syncfusion -description: Learn how to retrieve the Base64 value in the Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: How to retrieve Base64 -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Retrieving Base64 Value from a PDF in PDF Viewer -### Overview - -This guide demonstrates how to fetch the base64-encoded value of a PDF document loaded in the Syncfusion PDF Viewer using ASP.NET MVC. This feature is beneficial for transferring the PDF data as a Base64 string or performing client-side processing. - -### How to Retrieve Base64 Value - -**Step 1:** Set Up the PdfViewer in Your ASP.NET MVC Project - - Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample. - -**Step 2:** Add Button and Function for Fetching Base64 Value - -Incorporate a button in your view to enable users to start the process of converting the loaded PDF document into a Base64 string. - -```html -

- - - @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").Render() -

- - - - - - -``` -### Conclusion - -By following these steps, you can easily convert and retrieve a PDF document's Base64 string. This conversion is particularly useful for transmitting PDF data or integrating with systems that require Base64 encoding. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/identify-the-loaded-document-is-edited.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/identify-the-loaded-document-is-edited.md deleted file mode 100644 index f833bcc292..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/identify-the-loaded-document-is-edited.md +++ /dev/null @@ -1,39 +0,0 @@ ---- -layout: post -title: Identify The Loaded Document Is Edited in ##Platform_Name## Pdfviewer Component -description: Learn here all about Identify The Loaded Document Is Edited in Syncfusion ##Platform_Name## Pdfviewer component of syncfusion and more. -platform: ej2-asp-core-mvc -control: Identify The Loaded Document Is Edited -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Identify the loaded document is edited - -The PDF Viewer server library allows you to identify whether loaded PDF document is edited or not. Use the **isDocumentEdited** property to identify whether the changes made in PDF document. - -The following steps are used to identify loaded document is edited in PDF viewer control, - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Add the following code snippet with button click event to identity loaded document edited. - -```html - - - - - - -``` - -Download the sample [how to identify the loaded document is edited](https://www.syncfusion.com/downloads/support/directtrac/general/ze/MVC_SAMPLE-609765609) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation.md deleted file mode 100644 index 5a9891a56e..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation.md +++ /dev/null @@ -1,55 +0,0 @@ ---- -layout: post -title: Import Export Annotation in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn how to Import Export Annotation in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Import Export Annotation Object -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Import and Export annotation - -The PDF Viewer library allows you to import annotations from objects or streams instead of loading it as a file. To import such annotation objects, the PDF Viewer control must export the PDF annotations as objects using the [**ExportAnnotationsAsObject()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/#exportannotationsasobject) method. Only the annotations objects that are exported from the PDF Viewer can be imported. - -The following steps are used to import and export annotations in various formats such as objects, JSON, and XFDF. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** Use the following code snippet to perform import and export annotation. - -```html - - - - - - -``` - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/include-the-authorization-token.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/include-the-authorization-token.md deleted file mode 100644 index d35cdb9a01..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/include-the-authorization-token.md +++ /dev/null @@ -1,28 +0,0 @@ ---- -layout: post -title: Include The Authorization Token in ##Platform_Name## Pdfviewer Component -description: Learn here all about Include The Authorization Token in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Include The Authorization Token -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Include Authorization token - -The PDF Viewer server library allows you to include the Authorization token in the PDF Viewer AJAX request using the ajaxRequest headers properties available in AjaxRequestSettings and it will be included in every AJAX request send from PDF Viewer. - -The following steps are used to include the Authorization token for PDF viewer control, - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Add the following code snippet to include the authorization token, - -```html - -@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("PDF_Succinctly.pdf").AjaxRequestSettings(new PdfViewerAjaxRequestSettings { WithCredentials = true, AjaxHeaders = new object[] { new { headerName = "Testingabc", headerValue = "Testing123" } } }).Render() - -``` - -Download the sample [how to include authorization token](https://www.syncfusion.com/downloads/support/directtrac/general/ze/MVCSAM~21380738543) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-balancing-environment.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-balancing-environment.md deleted file mode 100644 index c1dc55fee3..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-balancing-environment.md +++ /dev/null @@ -1,150 +0,0 @@ ---- -layout: post -title: Load balancing environment in ##Platform_Name## PDF Viewer | Syncfusion -description: Learn how to load balancing environment in ##Platform_Name## PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Load balancing environment -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Achieve Load balancing environment in MVC framework - -The PDF Viewer server library allows you to achieve a Load balancing environment in the MVC framework using the .NET 4.6.2 framework with the help of **StackExchange Redis package V1.2.6**. - -## Steps to achieve load balancing environment in the MVC framework - -**Step 1**: Install the [StackExchange.Redis.StrongName](https://www.nuget.org/packages/StackExchange.Redis.StrongName) NuGet in the web-service sample. - -**Step 2:** Create a new class in the web-service project (Example: CacheManager.cs) and implement the **Syncfusion.EJ2.PdfViewer.ICacheManager** interface in the class. - -```cs - -public class CacheManager:{{'**ICacheManager**'| markdownify }}{} - -``` - -**Step 3:** Connect the Redis database in the constructor by using the **redisconnectionstring** as provided in the below code. - -```cs - -private IDatabase m_redisDatabase = null; -private int m_slidingExpiration = 0; -public CacheManager(string redisConnectionstring = null, int slidingExpiration = 0) -{ - if (!string.IsNullOrEmpty(redisConnectionstring)) - { - ConnectionMultiplexer connection = new Lazy<ConnectionMultiplexer>(() => - { - return ConnectionMultiplexer.Connect(redisConnectionstring); - }).Value; - if (connection != null) - { - m_redisDatabase = connection.GetDatabase(); - m_slidingExpiration = slidingExpiration; - } - } -} - -``` - -**Step 4:** Override the **ICacheManager** interface methods into the newly created class for adding, retrieving, and deleting the data from the Redis cache. - -```cs - -//Adding the data in the redis database. -public void AddCache(string key, byte[] data) -{ - if (m_redisDatabase != null) - { - TimeSpan time = m_slidingExpiration > 0 ? new TimeSpan(0, m_slidingExpiration, 0) : new TimeSpan(24, 0, 0); // Provided the sliding expiration time - m_redisDatabase.StringSet(key, data, time); - } -} -//Retrieve the data in the redis database. -public byte[] GetCache(string key) -{ - byte[] documentContent = null; - if (m_redisDatabase != null) - { - documentContent = m_redisDatabase.StringGet(key); - } - return documentContent; -} -//Delete the data in the redis database. -public void DeleteCache(string key) -{ - if (m_redisDatabase != null) - { - m_redisDatabase.KeyDelete("PDF_CONTENT" + key); - m_redisDatabase.KeyDelete("PDF_INFO" + key); - } -} - -``` - -**Step 5:** In the controller, create a new object by passing the **redisconnectionstring** and the sliding expiration time. - -```cs - -pdfviewer.CacheManager = new CacheManager(redisconnectonstring, slidingexpiration); - -{{'**Note: The sliding expiration is the time in which the data has to be stored in the cache for a specific minutes. If 0 then it will store for 24 hours.**'| markdownify }} - -``` - -**Step 6:** Set the newly created object to **CacheManager** property by using the below code-snippet. - -```cs - -PdfRenderer pdfviewer = new PdfRenderer(); -pdfviewer.CacheManager = new CacheManager(redisconnectonstring, 0); - -``` - -**Step 7:** Use this code in all our controller methods (Load, RenderPdfPage). - -```cs - -public string {{'**redisconnectonstring**' | markdownify }} = "xxxx, {{'**ssl=True,abortConnect=False,syncTimeout=100000**'| markdownify }}"; - -[System.Web.Mvc.HttpPost] -public object Load(Dictionary<string, string> jsonObject) -{ - PdfRenderer pdfviewer = new PdfRenderer(); - MemoryStream stream = new MemoryStream(); - object jsonResult = new object(); - if (jsonObject != null && jsonObject.ContainsKey("document")) - { - if (bool.Parse(jsonObject["isFileName"])) - { - string documentPath = GetDocumentPath(jsonObject["document"]); - if (!string.IsNullOrEmpty(documentPath)) - { - byte[] bytes = System.IO.File.ReadAllBytes(documentPath); - stream = new MemoryStream(bytes); - } - else - { - return (jsonObject["document"] + " is not found"); - } - } - else - { - byte[] bytes = Convert.FromBase64String(jsonObject["document"]); - stream = new MemoryStream(bytes); - } - } - {{'**pdfviewer.CacheManager = new CacheManager(redisconnectonstring, 0);**'| markdownify }} - jsonResult = pdfviewer.Load(stream, jsonObject); - return (JsonConvert.SerializeObject(jsonResult)); -} - -{{'**Note: Add the bold lines in all the controller methods.**'| markdownify }} - -``` - -Find the Web-service sample and Nuget package below: -* [Web service](https://www.syncfusion.com/downloads/support/directtrac/general/ze/PdfViewer_WebAPI_Service_(3)1568224382.zip) -* [Nuget](https://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion.EJ2.PdfViewer.AspNet.Mvc5.19.1.0.59-1399631455.zip) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-documents.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-documents.md deleted file mode 100644 index 83eb2aa27a..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-documents.md +++ /dev/null @@ -1,74 +0,0 @@ ---- -layout: post -title: Load Documents in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Load Documents in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Load Documents -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - - -# Load PDF documents dynamically - -The PDF Viewer server library allows to switch or load the PDF documents dynamically after the initial load operation. To achieve this, load the PDF document as a base64 string or file name in PDF Viewer control using the **Load()** method dynamically. - -The following steps are used to load the PDF document dynamically. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** Use the following code snippet to load PDF document using base64 string. - -```html - - -``` - -**Step 3:** Add the following code snippet in `PdfViewerController.cs` file to get the base64 string of the given document. - -```cs -public ActionResult GetDocument() -{ - var docBytes = System.IO.File.ReadAllBytes(GetDocumentPath("PDF_Succinctly.pdf")); - string docBase64 = "data:application/pdf;base64," + Convert.ToBase64String(docBytes); - return Content(docBase64); -} -``` - -**Step 4:** Use the following code snippet to load PDF document using document name. - -```html - - -``` - -T> Also can add the base64 string directly in the `DocumentPath()` method. - -Download the sample, [how to load PDF documents dynamically](https://www.syncfusion.com/downloads/support/directtrac/general/ze/EJ2MvcSample-1778613339.zip) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-n-number-page.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-n-number-page.md deleted file mode 100644 index be622ad839..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-n-number-page.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -layout: post -title: Load N number of pages on initial loading in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Load N number of pages on initial loading in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Load N number of pages on initial loading -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - -# Load N number of pages on initial loading - -The initial rendering in a PDF viewer allows users to control the number of pages displayed when opening a PDF document. This improves the user experience by providing flexibility in loading a specific number of pages initially, while additional pages are dynamically rendered as the user scrolls through the document. This approach enhances the responsiveness of the PDF viewer and minimizes delays as users can access specific pages without waiting for the entire document to load. - -To utilize this capability in Syncfusion^® PDF Viewer, use the [initialRenderPages](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_InitialRenderPages) property. You can achieve the desired outcome by setting this property to the desired number of pages you want to load initially. However, it's important to exercise caution when setting a high value for the initialRenderPages in large documents with numerous pages. Rendering a large number of pages simultaneously can increase memory usage and slow down loading times, impacting the performance of the PDF viewer. - -Using the `initialRenderPages` property judiciously is advisable, especially when dealing with larger documents. It is more suitable for scenarios where a smaller range of pages, such as 10-20, can be loaded to provide a quick initial view of the document. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -```cs -@{ - ViewBag.Title = "Home Page"; - double InitialRenderPages = 10; -} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").InitialRenderPages(InitialRenderPages).Render() -

-``` - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -```cs -@{ - ViewBag.Title = "Home Page"; - double InitialRenderPages = 10; -} - -

- -``` -{% endhighlight %} -{% endtabs %} - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Load%20N%20no%20of%20pages) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-the-document.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-the-document.md deleted file mode 100644 index ad4a411f25..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/load-the-document.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -layout: post -title: Load the document in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn how to doad the document in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Load The Document -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - - -# Load the PDF document - -The PDF Viewer server library allows you to load the PDF document in the PDF Viewer Control. PDF Document can be loaded by adding the necessary JSON object Properties in the **PdfViewerController.cs** file. - -The following steps are used to load a PDF document. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** Add the following code snippet in PDFViewerController.cs file to load a PDF document. - -```cs - -public class jsonObjects -{ - public string document { get; set; } - public string password { get; set; } - public string zoomFactor { get; set; } - public string isFileName { get; set; } - public string xCoordinate { get; set; } - public string yCoordinate { get; set; } - public string pageNumber { get; set; } - public string documentId { get; set; } - public string hashId { get; set; } - public string sizeX { get; set; } - public string sizeY { get; set; } - public string startPage { get; set; } - public string endPage { get; set; } - public string stampAnnotations { get; set; } - public string textMarkupAnnotations { get; set; } - public string stickyNotesAnnotation { get; set; } - public string shapeAnnotations { get; set; } - public string measureShapeAnnotations { get; set; } - public string action { get; set; } - public string pageStartIndex { get; set; } - public string pageEndIndex { get; set; } - public string fileName { get; set; } - public string elementId { get; set; } - public string pdfAnnotation { get; set; } - public string importPageList { get; set; } - public string uniqueId { get; set; } - public string data { get; set; } - public string viewPortWidth { get; set; } - public string viewportHeight { get; set; } - public string tilecount { get; set; } - public string isCompletePageSizeNotReceived { get; set; } - public string freeTextAnnotation { get; set; } - public string signatureData { get; set; } - public string fieldsData { get; set; } -} - -``` - -Find the sample [how to load the PDF Document in MVC PDF Viewer](https://www.syncfusion.com/downloads/support/directtrac/general/ze/PDFViewTest-1000651816) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/min-max-zoom.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/min-max-zoom.md deleted file mode 100644 index d536c53184..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/min-max-zoom.md +++ /dev/null @@ -1,84 +0,0 @@ ---- -layout: post -title: Minimum and Maximum Zoom in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Minimum and Maximum Zoom in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# 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. - -### 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. - -### 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. - -```cs - -@{ - ViewBag.Title = "Home Page"; - double maxZoom = 200; - double minZoom = 20; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("PDF_Succinctly.pdf").MaxZoom(maxZoom).MinZoom(minZoom).Render() -

-``` - -#### 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. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("documentLoad").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentLoad("documentLoad").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -Similarly, to close the Bookmark pane programmatically, employ the following code snippet: - -{% tabs %} -{% highlight cshtml tabtitle="Standalone" %} - - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - -{% endhighlight %} -{% highlight cshtml tabtitle="Server-Backed" %} - - - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Open%20and%20Close%20bookmark%20pane/PDFViewerSample/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-thumbnail.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-thumbnail.md deleted file mode 100644 index 44df671a21..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/open-thumbnail.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -layout: post -title: Open Thumbnail in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Open Thumbnail in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Open Thumbnail -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - - -# Open Thumbnail pane programmatically - -The PDF Viewer library allows you to open the thumbnail pane programmatically using the [**openThumbnailPane()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/thumbnailView/#openthumbnailpane) method. - -The following steps are used to open the thumbnail. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** Use the following code snippet to open thumbnail. - -```html - - - -``` - -Find the sample, [how to open the thumbnail pane programmatically](https://www.syncfusion.com/downloads/support/directtrac/general/ze/EJ2MvcSample1928984973.zip) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md deleted file mode 100644 index 1b60c63cea..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/pagerenderstarted-pagerendercompleted.md +++ /dev/null @@ -1,78 +0,0 @@ ---- -layout: post -title: Rendering event in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Rendering event in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# PageRenderInitiate and PageRenderComplete event - -In Syncfusion^® PDF Viewer, `pageRenderInitiate` and `pageRenderComplete` actions are events that occur during the rendering process of PDF documents. - -**pageRenderInitiate** - -The `pageRenderInitiate` event is triggered when the rendering of a page in the PDF document begins. This event provides developers with an opportunity to perform any necessary initialization or setup before the rendering of the page content commences. It can be utilized to prepare resources, set up rendering parameters, or execute any other actions required before the page rendering process starts. - -**pageRenderComplete** - -The `pageRenderComplete` event is triggered when the rendering of a page in the PDF document is completed. This event allows developers to perform cleanup tasks or finalize rendering-related processes after the rendering of the page content finishes. It can be used to release resources, finalize rendering settings, or handle any post-rendering tasks necessary for the application. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").PageRenderInitiate("pageRenderInitiate").PageRenderComplete("pageRenderComplete").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -@{ - ViewBag.Title = "Home Page"; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").PageRenderInitiate("pageRenderInitiate").PageRenderComplete("pageRenderComplete").Render() -

- - - -{% endhighlight %} -{% endtabs %} - -The provided code demonstrates how to subscribe to the `pageRenderInitiate` and `pageRenderComplete` events in the Syncfusion^® PDF Viewer component. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/PageRenderStarted%20and%20PageRenderCompleted%20event/PDFViewerSample) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/redirect-to-home-page.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/redirect-to-home-page.md deleted file mode 100644 index 14273760b5..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/redirect-to-home-page.md +++ /dev/null @@ -1,422 +0,0 @@ ---- -layout: post -title: Redirect To Home Page in Syncfusion ##Platform_Name## Pdfviewer Component -description: Learn here all about Redirect To Home Page in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Redirect To Home Page -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Redirect to a home page after submitting PDF forms - -The PDF Viewer library allows you to redirect to a home page after submitting PDF forms in the PDF Viewer control programmatically using the [**ExportSuccess**](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.PdfViewer.PdfViewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_ExportSuccess) event. This event triggers once the form fields exporting is succeeded in the PDF Viewer. - -The following example steps are used to redirect to a home page programmatically after submitting PDF forms. - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample. - -**Step 2:** Add the following codes in new View pages HomePage.cshtml and FormFillingData.cshtml inside a folder(say FormFilling). - -FormFillingData.cshtml: - -```html -@{ - ViewBag.Title = "FormFillingData"; -} - -@using Syncfusion.EJ2 -@using Syncfusion.EJ2.PdfViewer - -@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/FormFilling/")).DocumentPath("FormFillingDocument.pdf").ToolbarSettings(new Syncfusion.EJ2.PdfViewer.PdfViewerToolbarSettings { ShowTooltip = true, ToolbarItems = "SubmitForm, DownloadOption, PrintOption" }).EnableFormFields(true).ValidateFormFields("validateFormFields").EnableFormFieldsValidation(true).ShowNotificationDialog(false).ExportSuccess("exportSuccess").Render() - - - - -``` - -HomePage.cshtml: - -```html -@{ - ViewBag.Title = "HomePage"; -} -

HomePage

-``` - -**Step 3:** Create a new Controller file called FormFillingController.cs inside the Controllers and add the below code to it. - -FormFillingController.cs: - -```cs -using System; -using System.Collections.Generic; -using System.Linq; -using System.Web; -using System.Web.Mvc; -using Syncfusion.EJ2.PdfViewer; -using Newtonsoft.Json; -using System.IO; -using System.Reflection; -using Syncfusion.Pdf.Parsing; -using System.Net.Http; -using System.Net; -using System.Text.RegularExpressions; -using Syncfusion.Pdf; -using Syncfusion.Pdf.Graphics; -using System.Drawing; -using Syncfusion.Pdf.Interactive; -using System.Web.Http; -using System.Threading.Tasks; - -namespace EJ2PdfViewer.Controllers -{ - public class FormFillingController : Controller - { - // GET: FormFilling - public ActionResult FormFillingData() - { - return View(); - } - - public ActionResult HomePage() - { - return View("HomePage"); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Load(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - PdfRenderer.ReferencePath = "C:/";//_hostingEnvironment.WebRootPath + "/"; - MemoryStream stream = new MemoryStream(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = new object(); - if (jsonObject != null && jsonData.ContainsKey("document")) - { - if (bool.Parse(jsonData["isFileName"])) - { - string documentPath = GetDocumentPath(jsonData["document"]); - - if (!string.IsNullOrEmpty(documentPath)) - { - byte[] bytes = System.IO.File.ReadAllBytes(documentPath); - stream = new MemoryStream(bytes); - } - else - { - string fileName = jsonData["document"].Split(new string[] { "://" }, StringSplitOptions.None)[0]; - if (fileName == "http" || fileName == "https") - { - var WebClient = new WebClient(); - byte[] pdfDoc = WebClient.DownloadData(jsonData["document"]); - stream = new MemoryStream(pdfDoc); - } - else - { - return this.Content(jsonData["document"] + " is not found"); - } - - } - } - else - { - byte[] bytes = Convert.FromBase64String(jsonData["document"]); - stream = new MemoryStream(bytes); - - } - } - PdfLoadedDocument document = new PdfLoadedDocument(stream); - PdfBookmark bookmark = document.Bookmarks.Add("Page 1"); - bookmark.Destination = new PdfDestination(document.Pages[0]); - bookmark.Color = Color.Red; - bookmark.TextStyle = PdfTextStyle.Bold; - bookmark.Destination.Location = new PointF(20, 20); - MemoryStream docStream = new MemoryStream(); - document.Save(docStream); - docStream.Position = 0; - document.Close(true); - jsonResult = pdfviewer.Load(docStream, jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - public ActionResult GetDocument() - { - var docBytes = System.IO.File.ReadAllBytes(GetDocumentPath("PDF_Succinctly.pdf")); - string docBase64 = "data:application/pdf;base64," + Convert.ToBase64String(docBytes); - return Content(docBase64); - } - - public ActionResult SaveDocument(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string documentBase = pdfviewer.GetDocumentAsBase64(jsonData); - string base64String = documentBase.Split(new string[] { "data:application/pdf;base64," }, StringSplitOptions.None)[1]; - if (base64String != null || base64String != string.Empty) - { - byte[] byteArray = Convert.FromBase64String(base64String); - var path = GetDocumentPath(jsonData["documentId"]); - // Document is saved in the project location - System.IO.File.WriteAllBytes(path, byteArray); - } - return Content(string.Empty); - } - - public Dictionary JsonConverter(jsonObjects results) - { - Dictionary resultObjects = new Dictionary(); - resultObjects = results.GetType().GetProperties(BindingFlags.Instance | BindingFlags.Public) - .ToDictionary(prop => prop.Name, prop => prop.GetValue(results, null)); - var emptyObjects = (from kv in resultObjects - where kv.Value != null - select kv).ToDictionary(kv => kv.Key, kv => kv.Value); - Dictionary jsonResult = emptyObjects.ToDictionary(k => k.Key, k => k.Value.ToString()); - return jsonResult; - } - - [System.Web.Mvc.HttpPost] - public ActionResult ExportAnnotations(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string jsonResult = pdfviewer.ExportAnnotation(jsonData); - return Content((jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult ImportAnnotations(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - string jsonResult = string.Empty; - var jsonData = JsonConverter(jsonObject); - if (jsonObject != null && jsonData.ContainsKey("fileName")) - { - string documentPath = GetDocumentPath(jsonData["fileName"]); - if (!string.IsNullOrEmpty(documentPath)) - { - jsonResult = System.IO.File.ReadAllText(documentPath); - } - else - { - return this.Content(jsonData["document"] + " is not found"); - } - } - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult ImportFormFields(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.ImportFormFields(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult ExportFormFields(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string jsonResult = pdfviewer.ExportFormFields(jsonData); - return Content(jsonResult); - } - - [System.Web.Mvc.HttpPost] - public ActionResult RenderPdfPages(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.GetPage(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Unload(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - pdfviewer.ClearCache(jsonData); - return this.Content("Document cache is cleared"); - } - - [System.Web.Mvc.HttpPost] - public ActionResult RenderThumbnailImages(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object result = pdfviewer.GetThumbnailImages(jsonData); - return Content(JsonConvert.SerializeObject(result)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Bookmarks(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.GetBookmarks(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult RenderAnnotationComments(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object jsonResult = pdfviewer.GetAnnotationComments(jsonData); - return Content(JsonConvert.SerializeObject(jsonResult)); - } - - [System.Web.Mvc.HttpPost] - public ActionResult Download(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - string documentBase = pdfviewer.GetDocumentAsBase64(jsonData); - return Content(documentBase); - } - - [System.Web.Mvc.HttpPost] - public ActionResult PrintImages(jsonObjects jsonObject) - { - PdfRenderer pdfviewer = new PdfRenderer(); - var jsonData = JsonConverter(jsonObject); - object pageImage = pdfviewer.GetPrintImage(jsonData); - return Content(JsonConvert.SerializeObject(pageImage)); - } - - private HttpResponseMessage GetPlainText(string pageImage) - { - var responseText = new HttpResponseMessage(HttpStatusCode.OK); - responseText.Content = new StringContent(pageImage, System.Text.Encoding.UTF8, "text/plain"); - return responseText; - } - - private string GetDocumentPath(string document) - { - string documentPath = string.Empty; - if (!System.IO.File.Exists(document)) - { - var path = HttpContext.Request.PhysicalApplicationPath; - if (System.IO.File.Exists(path + "/App_Data/" + document)) - documentPath = path + "/App_Data/" + document; - } - else - { - documentPath = document; - } - return documentPath; - } - } - - public class jsonObjects - { - public string document { get; set; } - public string password { get; set; } - public string zoomFactor { get; set; } - public string isFileName { get; set; } - public string xCoordinate { get; set; } - public string yCoordinate { get; set; } - public string pageNumber { get; set; } - public string documentId { get; set; } - public string hashId { get; set; } - public string sizeX { get; set; } - public string sizeY { get; set; } - public string startPage { get; set; } - public string endPage { get; set; } - public string stampAnnotations { get; set; } - public string textMarkupAnnotations { get; set; } - public string stickyNotesAnnotation { get; set; } - public string shapeAnnotations { get; set; } - public string measureShapeAnnotations { get; set; } - public string action { get; set; } - public string pageStartIndex { get; set; } - public string pageEndIndex { get; set; } - public string fileName { get; set; } - public string elementId { get; set; } - public string pdfAnnotation { get; set; } - public string importPageList { get; set; } - public string uniqueId { get; set; } - public string data { get; set; } - public string viewPortWidth { get; set; } - public string viewportHeight { get; set; } - public string tilecount { get; set; } - public string isCompletePageSizeNotReceived { get; set; } - public string freeTextAnnotation { get; set; } - public string signatureData { get; set; } - public string fieldsData { get; set; } - public string formDesigner { get; set; } - public string inkSignatureData { get; set; } - } -} -``` - -**Step 4:** Modify the RegisterRoutes method in the RouteConfig.cs file inside the App_Start folder to map the default path. - -```cs -public static void RegisterRoutes(RouteCollection routes) -{ - routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); - - routes.MapRoute( - name: "Default", - url: "{controller}/{action}/{id}", - defaults: new { controller = "FormFilling", action = "FormFillingData", id = UrlParameter.Optional } - ); -} -``` - -Now, run the sample, fill in the form fields, and click the Submit Form option. You will be redirected to the home page. - -Download the sample, [how to redirect to a home page programmatically after submitting PDF forms](https://www.syncfusion.com/downloads/support/directtrac/general/ze/MVC_SAMPLE-1729180476.zip). diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/resolve-Unable-to-find-an-entry-point-error.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/resolve-Unable-to-find-an-entry-point-error.md deleted file mode 100644 index 09b34a5de7..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/resolve-Unable-to-find-an-entry-point-error.md +++ /dev/null @@ -1,26 +0,0 @@ ---- -layout: post -title: Resolve unable to find an entry point error in ASP.NET MVC PDF Viewer component | Syncfusion -description: Learn here how to resolve unable to find an entry point named error in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Resolve unable to find an entry point error -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - -# Resolve "Unable to find an entry point named FPDFText_GetCharAngle" error - -From the release of version **21.1.0.35 (2023 Volume 1)** of Essential Studio^®, the Pdfium package has been upgraded to improve various functionalities like text search, text selection, rendering, and even performance. If you are updating your project to this version of the Syncfusion^® PDF Viewer, you may encounter the **"Web-Service is not listening"** error. The Network tab can help you identify the root cause of the issue, which is typically caused by an old version of pdfium assembly being referenced in the local web service project. Below are the assemblies to be referred to in the respective operating systems. - -* Windows – pdfium.dll -* Linux – libpdfium.so -* OSX – libpdfium.dylib - -![Error information in the Network tab](../../pdfviewer/images/ErrorinformationuintheNetworkTab.png) - -## To solve this issue, you should follow the below steps: - -1. Clear the bin and object files of the web-service project. -2. Re-publish the web-service project. - -N> **Note:** If you are hosting your application in Azure, AWS, or in Linux environments, delete the older published files and republish the application. diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/resolve-pdfium-issue.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/resolve-pdfium-issue.md deleted file mode 100644 index 0adbb33351..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/resolve-pdfium-issue.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -layout: post -title: Resolve Pdfium Issue in Syncfusion ##Platform_Name## Pdfviewer Component -description: Learn here all about Resolve Pdfium Issue in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Resolve Pdfium Issue -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Resolve the Pdfium issue - -The issue, “The type initializer for 'Syncfusion.EJ2.PdfViewer.PdfiumNative' threw an exception” is due to the write access permission denied in the environment. The pdfium.dll will be created based on the operating system at the runtime. Due to the denial of permission, the pdfium.dll file couldn't have been created. So, copy the below x64 and x86 folders and paste them inside the folder into your project to resolve the issue or enable the write permission for that folder. - -Pdfium dll: [pdfium.dll](https://www.syncfusion.com/downloads/support/directtrac/general/ze/Pdfium1515619754.zip) - -N> Use both the client and server-side of the same version in your project. -
Ensure whether the pdfium.dll file is created in your project during runtime. Else, place the pdfium assemblies in any of the production environment locations and refer to the path by using the ReferencePath API. - -For example, if the Pdfium assembly is available in this path C:\Pdfium\x64 or D:\Pdfium\x86, the reference path should be PdfRenderer.ReferencePath = "C:/"; - -The parent folder has to be provided as the path in the ReferencePath API. - -N> Provide this path in the Load method of the PDFViewerController.cs - -N> PdfRenderer PdfRenderer = new PdfRenderer(); -
PdfRenderer.ReferencePath = @"C:/"; - -## Steps to refer the Pdfium.dll - -1. Extract the given file (Pdfium folder) and copy it in the sample’s root directory (parallel to Controllers folder) - -2. Right-click on the pdfium.dll (both the X64 and X86 folder) and then choose the “Copy to Output Directory” property from the property window and set its value to “copy always”. This setting will ship the pdfium.dll assembly to the published location. -![Pdfium.dll settings](../../pdfviewer/images/pdfium_dll_settings.png) - -3. Provide this path in the Load method of the PDFViewerController.cs -N> You need to refer the ParentFolder up to the x64/x86 folder. -*PdfRenderer.ReferencePath = _hostingEnvironment.ContentRootPath + /Pdfium/;* - -4. Build and publish the application. - -Also, install the package, then build and run the project. Use the following library: - -• Syncfusion.EJ2.PdfViewer.AspNet.Core - -Following these steps should resolve the issue. diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/restricting-zoom-in-mobile-mode.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/restricting-zoom-in-mobile-mode.md deleted file mode 100644 index b07cf71d75..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/restricting-zoom-in-mobile-mode.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -layout: post -title: Restrict Zoom Percentage in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all how to restrict zoom percentage in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# How to Restrict Zoom Percentage on Mobile Devices - -In Syncfusion^® PDF Viewer, you can easily restrict the zoom percentage on mobile devices using the **maxZoom** and **minZoom** property. This feature allows you to set specific limits for zooming, ensuring smoother scrolling performance and efficient document loading, on mobile devices. - -{% tabs %} -{% highlight html tabtitle="Standalone" %} - -

- @Html.EJS().PdfViewer("pdfviewer").DocumentLoad("documentLoad").DocumentPath("https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf").Render() -

- - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -

- - -{% endhighlight %} -{% endtabs %} - -By implementing this, you ensure that the maximum zoom percentage on mobile devices is limited to 200% and the minimum zoom percentage is set to 10%. This prevents performance issues that may arise from excessive zooming on mobile platforms. - -[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Restrict%20Zoom%20Percentage%20on%20Mobile%20Devices/PDFViewerSample) diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/retry-timeout.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/retry-timeout.md deleted file mode 100644 index 566d2d0d19..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/retry-timeout.md +++ /dev/null @@ -1,45 +0,0 @@ ---- -layout: post -title: Retry Timeout in EJ2 ASP.NET MVC PDF Viewer | Syncfusion -description: Learn here all about Retry Timeout in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Retry Timeout -publishingplatform: ej2-asp-core-mvc -documentation: ug ---- - -# Retry Timeout - -The **[Retry Timeout](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_RetryTimeout)** 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. - -The retryTimeout allows developers to specify a duration after which the AJAX request should retry failed requests automatically. Developers can ensure a more resilient and fault-tolerant PDF viewing experience by configuring an appropriate retry timeout value. - -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](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_RetryTimeout) property in the PDF Viewer configuration. This property takes a value in seconds. - -```cs - -@{ - ViewBag.Title = "Home Page"; - double RetryTimeout = 10; - double RetryCount = 5; -} - -

- @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/Home/")).DocumentPath("PDF_Succinctly.pdf").RetryCount(RetryCount).RetryTimeout(RetryTimeout).Render() -

- -``` - -In the given example, the [retryTimeout](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_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. - -When an exception occurs during the AJAX request in the context of the PDF Viewer, the request will wait for the specified [retryTimeout](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_RetryTimeout) duration. If the timeout duration is exceeded, the PDF Viewer will decrement the [retryCount](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_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](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_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](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.pdfviewer.pdfviewer.html#Syncfusion_EJ2_PdfViewer_PdfViewer_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. - -[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to/Retry%20Timeout) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/set-author-name-to-annotation.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/set-author-name-to-annotation.md deleted file mode 100644 index 0c80390be5..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/set-author-name-to-annotation.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -layout: post -title: Set Author Name To Annotation in ##Platform_Name## Pdfviewer Component -description: Learn here all about Set Author Name To Annotation in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Set Author Name To Annotation -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Set author name to annotation - -The PDF Viewer server library allows you to set author name to all annotations in the PDF document. Use the **author** property to set author name to all annotations. - -The following steps are used to set author name to all annotation for PDF Viewer, - -**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create simple PDF Viewer sample. - -**Step 2:** Set author name to annotations using below code snippet. - -```html - - - -``` - -Download the sample [how to set author name to annotation](https://www.syncfusion.com/downloads/support/directtrac/general/ze/MVC_SAMPLE_(2)_(1)1717421659) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/show-custom-stamp-item.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/show-custom-stamp-item.md deleted file mode 100644 index 34c1a733c5..0000000000 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/show-custom-stamp-item.md +++ /dev/null @@ -1,67 +0,0 @@ ---- -layout: post -title: Displaying Custom stamp Item in EJ2 ASP.NET MVC PdfViewer | Syncfusion -description: Learn how to display custom stamp items in the custom stamp in the Syncfusion ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug ---- - -# Displaying Custom Items in Custom Stamp Dropdown - -### Overview - -This guide explains how to add and display custom items in the custom stamp dropdown menu of Syncfusion's PDF Viewer using ASP.NET MVC. This feature allows users to easily access and apply custom stamps to their PDF documents. - -### Steps to Show Custom Items in Custom Stamp Dropdown - -**Step 1:** Set Up the PdfViewer in Your ASP.NET MVC Project - - Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample. - -**Step 2:** Configure Custom Stamp Settings - -Within the PDF Viewer setup, utilize `PdfViewerCustomStampSettings` to specify the custom stamps that should appear in the dropdown menu. - -```cs -@using Syncfusion.EJ2.PdfViewer -@{ - ViewBag.Title = "Home Page"; -} -@{ - ViewData["Title"] = "Home page"; - - List