1001841: Updated proper Images and added proper tags for code-snippet.

Author: SF4524LogeshKumar

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
 

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(<App />);
+{% endhighlight %}
+{% endtabs %}

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.

Document-Processing/PDF/PDF-Viewer/react/form-designer/overview.md

@@ -51,7 +51,7 @@ root.render(<App />);
 {% endtabs %}
 
 
-![FormFilling](../images/FormFields.gif)
+![FormFilling](../../javascript-es6/images/FormFields.gif)
 
 
 ## Form Designer
@@ -94,7 +94,7 @@ root.render(<App />);
 {% endtabs %}
 
 
-![FormDesigner](../images/FormDesigner.gif)
+![FormDesigner](../../javascript-es6/images/FormDesigner.gif)
 
 ## Supported form field types