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 index e51a798c8e..7c324452ac 100644 --- 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 @@ -135,7 +135,7 @@ Using deleteFormField method, the form field can be deleted programmatically. We 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) +![Alt text](../../pdfviewer/images/saveformfield.gif) You can invoke download action using following code snippet. @@ -175,7 +175,7 @@ You can invoke download action using following code snippet. 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) +![Alt text](../../pdfviewer/images/printformfield.gif) You can invoke print action using the following code snippet., @@ -218,7 +218,7 @@ You can invoke print action using the following code snippet., 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) +![Alt text](../../pdfviewer/images/openexistingpdf.gif) ## Validate form fields @@ -667,7 +667,7 @@ The following code example explains how to update the properties of the signatur -![Signature Field Settings](../../../pdfviewer/images/signature_field.png) +![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. @@ -704,7 +704,7 @@ window.onload = function () { -![Initial Field Settings](../../../pdfviewer/images/InitialField.png) +![Initial Field Settings](../../pdfviewer/images/InitialField.png) ### Textbox field settings @@ -840,7 +840,7 @@ window.onload = function () { -![Textbox Field Settings](../../../pdfviewer/images/Textbox.png) +![Textbox Field Settings](../../pdfviewer/images/Textbox.png) ### Password field settings @@ -972,7 +972,7 @@ window.onload = function () { -![Password Field Settings](../../../pdfviewer/images/Password.png) +![Password Field Settings](../../pdfviewer/images/Password.png) ### CheckBox field settings @@ -1080,7 +1080,7 @@ window.onload = function () { -![CheckBox Field Settings](../../../pdfviewer/images/Checkbox.png) +![CheckBox Field Settings](../../pdfviewer/images/Checkbox.png) ### RadioButton field settings @@ -1190,7 +1190,7 @@ window.onload = function () { -![RadioButton Field Settings](../../../pdfviewer/images/Radiobutton.png) +![RadioButton Field Settings](../../pdfviewer/images/Radiobutton.png) ### ListBox field settings @@ -1335,7 +1335,7 @@ window.onload = function () { -![ListBox Field Settings](../../../pdfviewer/images/Listbox.png) +![ListBox Field Settings](../../pdfviewer/images/Listbox.png) ### DropDown field settings @@ -1480,4 +1480,4 @@ window.onload = function () { -![DropDownBox Field Settings](../../../pdfviewer/images/Dropdown.png) \ No newline at end of file +![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 index 63ef5463ca..4e37116814 100644 --- 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 @@ -49,35 +49,35 @@ We should inject FormDesigner module and set enableFormDesignerToolbar as true t 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) +![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) +![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) +![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/generalproperties.png) -![Alt text](../../../pdfviewer/images/appearanceproperties.png) +![Alt text](../../pdfviewer/images/appearanceproperties.png) -![Alt text](../../../pdfviewer/images/dropdownproperties.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) +![Alt text](../../pdfviewer/images/clipboardformfield.png) ## Undo and Redo diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-programmatically.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-programmatically.md index b8b74825d4..756e73a81b 100644 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-programmatically.md +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-programmatically.md @@ -176,7 +176,7 @@ Using deleteFormField method, the form field can be deleted programmatically. We 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) +![Alt text](../../pdfviewer/images/saveformfield.gif) You can invoke download action using following code snippet. @@ -223,7 +223,7 @@ You can invoke download action using following code snippet. 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) +![Alt text](../../pdfviewer/images/printformfield.gif) You can invoke print action using the following code snippet., @@ -272,7 +272,7 @@ You can invoke print action using the following code snippet., 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) +![Alt text](../../pdfviewer/images/openexistingpdf.gif) ## Validate form fields @@ -677,7 +677,7 @@ The following code example explains how to update the properties of the signatur {% endtabs %} -![Signature Field Settings](../../../pdfviewer/images/signature_field.png) +![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. @@ -714,7 +714,7 @@ window.onload = function () { -![Initial Field Settings](../../../pdfviewer/images/initialfield.png) +![Initial Field Settings](../../pdfviewer/images/initialfield.png) ### Textbox field settings @@ -923,7 +923,7 @@ The following code example explains how to update the properties of the textbox {% endhighlight %} {% endtabs %} -![Textbox Field Settings](../../../pdfviewer/images/Textbox.png) +![Textbox Field Settings](../../pdfviewer/images/Textbox.png) ### Password field settings @@ -1129,7 +1129,7 @@ The following code example explains how to update the properties of the password {% endtabs %} -![Password Field Settings](../../../pdfviewer/images/Password.png) +![Password Field Settings](../../pdfviewer/images/Password.png) ### CheckBox field settings @@ -1299,7 +1299,7 @@ The following code example explains how to update the properties of the CheckBox {% endhighlight %} {% endtabs %} -![CheckBox Field Settings](../../../pdfviewer/images/Checkbox.png) +![CheckBox Field Settings](../../pdfviewer/images/Checkbox.png) ### RadioButton field settings @@ -1471,7 +1471,7 @@ The following code example explains how to update the properties of the RadioBut {% endtabs %} -![RadioButton Field Settings](../../../pdfviewer/images/Radiobutton.png) +![RadioButton Field Settings](../../pdfviewer/images/Radiobutton.png) ### ListBox field settings @@ -1693,7 +1693,7 @@ The following code example explains how to update the properties of the ListBox {% endtabs %} -![ListBox Field Settings](../../../pdfviewer/images/Listbox.png) +![ListBox Field Settings](../../pdfviewer/images/Listbox.png) ### DropDown field settings @@ -1913,4 +1913,4 @@ The following code example explains how to update the properties of the dropdown {% endhighlight %} {% endtabs %} -![DropDownBox Field Settings](../../../pdfviewer/images/Dropdown.png) \ No newline at end of file +![DropDownBox Field Settings](../../pdfviewer/images/Dropdown.png) \ No newline at end of file diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-with-user-interface-interaction.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-with-user-interface-interaction.md index 066aa75d00..55fe727fb4 100644 --- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-with-user-interface-interaction.md +++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/form-designer/create-with-user-interface-interaction.md @@ -56,35 +56,35 @@ We should inject FormDesigner module and set enableFormDesignerToolbar as true t 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) +![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) +![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) +![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/generalproperties.png) -![Alt text](../../../pdfviewer/images/appearanceproperties.png) +![Alt text](../../pdfviewer/images/appearanceproperties.png) -![Alt text](../../../pdfviewer/images/dropdownproperties.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) +![Alt text](../../pdfviewer/images/clipboardformfield.png) ## Undo and Redo