How to add new custom form fields?

[JM]

I have not found any information on how to insert custom form fields in the following documentation.

Form fields in React Document editor component | Syncfusion

I need to implement a new custom form field.

My feature request:

1、add new custom form field

2、custom new form field setting page

3、Insert this custom form field specific information into the document

A demand scenario:

1、Insert a Data Grid Fields where the Data Grid data is customer data.

2、in the settings page to set the need to display the fields in the document.

3、the user clicks on this custom field in the document, pop-up Data Grid component, select the customer data.

4、The document displays the corresponding fields according to the component settings

[Dhanush Sekar]

Hi JM,

Currently, we are checking this scenario and will update the details on May 30, 2024.

Regards,

Dhanush Sekar

[Dhanush Sekar]

Hi JM,

Document Editor doesn't provide support to insert custom field. only the fields supported in MS word can be added.

Could you please share mockup UI which consist of 

1. How user data to be inserted in editor
2. How you want to select the user data
3. How to show the selected field in editor.

So that we can understand your complete requirement and provide you solution at earliest.

Please find supported dynamic data on document editor

Form field: Form fields in React Document editor component | Syncfusion

Mail merge demo :  DocumentEditor · Mail Merge · Syncfusion React UI Components

Regards,

Dhanush Sekar

[JM]

Here's a screenshot of a demo video of a similar product I've come across.

 The yellow part of the form fields, this form fields can be customized into different front-end components, such as: input, radio, multiple choice, date, click on the pop-up window, etc.

  https://imgur.com/2I2geBi 

 Click on a custom field (pop-up field) The corresponding custom field will be displayed After selecting, the corresponding content will be displayed according to the set options.

  https://imgur.com/UtOcWtI 

 The corresponding custom field will be displayed After selecting, the corresponding content will be displayed according to the set options. 

  https://imgur.com/c2bQerl 

 The purpose of this requirement is to allow users to realize WYSIWYG operations, to create input forms quickly, and to generate forms that are consistent with the input forms.

[Dhanush Sekar]

Hi JM,

The Document Editor offers editing capabilities similar to those found in MS Word. It functions as a word document editor, ensuring that it retains elements from Word documents, including form fields with predefined types such as Text, Dropdown, and Checkbox. This requirement can be partially fulfilled with the features available.

Regards,

Dhanush S