diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/Create-edit-Style-del-formFields/create-formfields.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/Create-edit-Style-del-formFields/create-formfields.md index b7cd4d27a..9935b9a93 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/Create-edit-Style-del-formFields/create-formfields.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/Create-edit-Style-del-formFields/create-formfields.md @@ -26,19 +26,19 @@ The PDF Viewer supports the following form field types: Click the Form Field icon on the toolbar, then click on the PDF to draw a form field. See the following GIF for reference. -![Add a form field using the toolbar](../../images/addformfield.gif) +![Add a form field using the toolbar](../../../javascript-es6/images/addformfield.gif) ## Drag the form field Drag the selected form field to reposition it within the PDF document. See the following GIF for reference. -![Drag a selected form field in the PDF Viewer](../../images/dragformfield.gif) +![Drag a selected form field in the PDF Viewer](../../../javascript-es6/images/dragformfield.gif) ## Resize the form field Resize the selected form field using the resize handles on the field boundary. See the following GIF for reference. -![Resize a selected form field in the PDF Viewer](../../images/resizeformfield.gif) +![Resize a selected form field in the PDF Viewer](../../../javascript-es6/images/resizeformfield.gif) ## Textbox diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-designer.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-designer.md index c9c54d54f..b3dfb05ee 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-designer.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-designer.md @@ -93,7 +93,8 @@ Choose which tools appear and control their order in the form designer toolbar. Use [`PdfViewerToolbarSettings`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarSettings) with the [`FormDesignerToolbarItems`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/toolbarSettings#formdesignertoolbaritems) property to choose which form design tools are available. The property accepts a list of [`FormDesignerToolbarItem`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/formDesignerToolbarItem) values. The items you include are both displayed and rendered in the order listed; any items you omit are hidden. This provides a streamlined, user-friendly form design experience across devices. - +{% tabs %} +{% highlight js tabtitle="index.js" %} import * as ReactDOM from 'react-dom/client'; import * as React from 'react'; import './index.css'; @@ -138,3 +139,5 @@ export function App() { const root = ReactDOM.createRoot(document.getElementById('sample')); root.render(); +{% endhighlight %} +{% endtabs %} \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-filling.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-filling.md index dbfe29de4..7ecc1993a 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-filling.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/form-filling.md @@ -61,12 +61,10 @@ The PDF Viewer supports the following form field types: * [Signature field](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-signature-field) * [Initial field](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-initial-field) -![Form filling in TypeScript PDF Viewer](../images/FormFields.gif) +![Form filling in TypeScript PDF Viewer](../../javascript-es6/images/FormFields.gif) ## Updating form field value programmatically - - ## Disabling form fields The PDF Viewer provides an option to disable interaction with form fields using `enableFormDesigner` API. Use the following configuration to disable form fields in the viewer. diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-designer/overview.md b/Document-Processing/PDF/PDF-Viewer/react/form-designer/overview.md index e64274691..7e58727ba 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-designer/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-designer/overview.md @@ -51,7 +51,7 @@ root.render(); {% endtabs %} -![FormFilling](../images/FormFields.gif) +![FormFilling](../../javascript-es6/images/FormFields.gif) ## Form Designer @@ -94,7 +94,7 @@ root.render(); {% endtabs %} -![FormDesigner](../images/FormDesigner.gif) +![FormDesigner](../../javascript-es6/images/FormDesigner.gif) ## Supported form field types