We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Document Editor Form field customization

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!

2 Replies

DS Dhanush Sekar Syncfusion Team November 8, 2022 10:24 AM

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 



DS Dhanush Sekar Syncfusion Team November 21, 2022 10:07 PM

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


Loader.
Live Chat Icon For mobile
Up arrow icon