Document Editor Form field customization

[Isaiah Richards]

Hi, 

We're working with the form fields in the document editor and I had some questions regarding customizing them

1.  Using the vue documentEditor, is there a way to edit the default style of dropdown formfields so that they are highlighted by default? In other words, if the user inputs a formfield into the document it should be highlighted yellow but any text typed after it should not be highlighted. We attempted using the toggleHighlightColor method on the editor before calling the insertFormField method, but it did not work as expected
2.  Is there a way to disabled the popup that occurs when double clicking a form field? We require formfields to be read only and nothing should happen when they are clicked/ double clicked on.

below is a picture of the popup referenced in the second point

Thank you in advanced for the help!

[Dhanush Sekar]

is there a way to edit the default style of dropdown formfields so that they are highlighted by default? In other words, if the user inputs a formfield into the document it should be highlighted yellow but any text typed after it should not be highlighted.

We are creating a sample and we will update the details by November 10, 2022.

Is there a way to disabled the popup that occurs when double clicking a form field? We require formfields to be read only and nothing should happen when they are clicked/ double clicked on.

You can achieve the above requirement by protecting the document in form filling mode

Documentation link : https://ej2.syncfusion.com/documentation/document-editor/form-fields/#protect-the-document-in-form-filling-mode 

[Dhanush Sekar]

Sorry for the delay.

You can use the formfieldSettings property to change the shading color of a form field. We have created a sample using the formFieldSettings property.

sample link : https://stackblitz.com/edit/okpo8r-gutde2?file=index.ts

Documentation link: https://ej2.syncfusion.com/vue/documentation/api/document-editor/formFieldSettings/

Insert the DropDown form field and protect the document with form-filling mode to disable the popup when double clicking the DropDown form field.

Documentation link: https://ej2.syncfusion.com/vue/documentation/document-editor/form-fields/#protect-the-document-in-form-filling-mode