Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SF4524LogeshKumar wants to merge 3 commits into
base: development
Choose a base branch
from
+10 −9
Open

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a464af0
1001841: Updated proper Images and added proper tags for code-snippet.
SF4524LogeshKumar Jan 21, 2026
0d3adb5
Merge branch 'development' into 1001841-revampReact
SF4524LogeshKumar Jan 21, 2026
4981b66
Merge branch 'development' into 1001841-revampReact
SF4524LogeshKumar Jan 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions ...iewer/react/form-designer/Create-edit-Style-del-formFields/create-formfields.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
5 changes: 4 additions & 1 deletion Document-Processing/PDF/PDF-Viewer/react/form-designer/form-designer.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down Expand Up @@ -138,3 +139,5 @@ export function App() {

const root = ReactDOM.createRoot(document.getElementById('sample'));
root.render(<App />);
{% endhighlight %}
{% endtabs %}
4 changes: 1 addition & 3 deletions Document-Processing/PDF/PDF-Viewer/react/form-designer/form-filling.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down
4 changes: 2 additions & 2 deletions Document-Processing/PDF/PDF-Viewer/react/form-designer/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ root.render(<App />);
{% endtabs %}


![FormFilling](../images/FormFields.gif)
![FormFilling](../../javascript-es6/images/FormFields.gif)


## Form Designer
Expand Down Expand Up @@ -94,7 +94,7 @@ root.render(<App />);
{% endtabs %}


![FormDesigner](../images/FormDesigner.gif)
![FormDesigner](../../javascript-es6/images/FormDesigner.gif)

## Supported form field types

Expand Down