From 54a923c7f6de38e0ce92b3c366c5a6be940d5cb7 Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 14:17:56 +0530 Subject: [PATCH 1/7] 835457: formfield files commited properly as other md files --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 20 ++++++++--------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 35 insertions(+), 35 deletions(-) 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..f46913332f 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 @@ -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 From bd5743bb8a6ffc081d909ae4d05186ec89730f3e Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 14:20:16 +0530 Subject: [PATCH 2/7] 835457: formfield files commited properly as other md files --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 20 ++++++++--------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 35 insertions(+), 35 deletions(-) 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 7c324452ac..e51a798c8e 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 4e37116814..63ef5463ca 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 f46913332f..b8b74825d4 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 @@ -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 55fe727fb4..066aa75d00 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 From 2b87789bf1b2e472c98540ce1f0730f19c80585b Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 14:23:51 +0530 Subject: [PATCH 3/7] 835457: formfield files commited properly as other md files --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 20 ++++++++--------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 35 insertions(+), 35 deletions(-) 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..f46913332f 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 @@ -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 From 175a305bcf615a12ab7e3ba4ae452548dc029d2a Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 14:25:10 +0530 Subject: [PATCH 4/7] 835457: formfield files commited properly as other md files --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 20 ++++++++--------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 35 insertions(+), 35 deletions(-) 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 7c324452ac..e51a798c8e 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 4e37116814..63ef5463ca 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 f46913332f..b8b74825d4 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 @@ -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 55fe727fb4..066aa75d00 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 From f17b9ab56b098cb538ae6b1c79d2d41004810097 Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 16:18:07 +0530 Subject: [PATCH 5/7] 835457: formfield files commited properly as other md files --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 36 insertions(+), 36 deletions(-) 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 From d34476b379dc4b51ae360b7d9496572444d1e596 Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 16:19:21 +0530 Subject: [PATCH 6/7] commmit --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 36 insertions(+), 36 deletions(-) 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 7c324452ac..e51a798c8e 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 4e37116814..63ef5463ca 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 756e73a81b..b8b74825d4 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 55fe727fb4..066aa75d00 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 From 06de85d4860b20ccb1deaa1bbf56466480159241 Mon Sep 17 00:00:00 2001 From: Uma-SF4267 Date: Tue, 9 Apr 2024 17:11:29 +0530 Subject: [PATCH 7/7] 835457: formfield files commited properly as other md files --- .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ .../form-designer/create-programmatically.md | 22 +++++++++---------- .../create-with-user-interface-interaction.md | 14 ++++++------ 4 files changed, 36 insertions(+), 36 deletions(-) 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