How to disable the Popup of Form Fields in SfDocumentEditorContainer

[René Saß]

Greetings,

I am currently utilizing the Document Editor, where I have incorporated Form Fields within the document. Upon clicking on any of these Form Fields, a popup window appears. I am seeking guidance on how to deactivate this feature. Could you please advise on the necessary steps to achieve this?

[Dhanush Sekar]

Hi Rene,

You can utilize the inline form field mode for completing forms, although it is limited to text form field types only. For other types of form fields, a pop-up will be displayed. We have prepared a sample for you to refer to.

<SfDocumentEditorContainer @ref="container" EnableToolbar=true Height="590px" ServiceUrl="http://localhost:62870/api/documenteditor/" EnableSpellCheck=true DocumentEditorSettings="settings">

    <DocumentEditorContainerEvents Created="onCreated" DocumentChanged="onDocumentChange" ContentChanged="onContentChanged" SelectionChanged="onSelectionChanged"></DocumentEditorContainerEvents>

</SfDocumentEditorContainer>

@code {

DocumentEditorSettingsModel settings = new DocumentEditorSettingsModel() { FormFieldSettings = new FormFieldSettingsModel() { FormFillingMode = FormFillingMode.Inline }};

}

Regards,

Dhanush Sekar

Attachment: server_20056db7.zip

[René Saß]

Hello,

maybe i did not explain it correctly. If i double click on any form field the popup still opens in your demo.

Attachment: demopic_ca2414e2.rar

[Kavitha Muralitharan]

Rene, currently we are checking the reported problem and will update the details on or before 26 April 2024.

[Yogesh]

I am facing an issue in Angular where I don't want to open the Fields Popup by double-clicking. It would be more helpful if I could use that double-click as I want.

[Dhanush Sekar]

Yogesh, currently we are checking this scenario, and will update the details on or before 30 April 2024.

[Dhanush Sekar]

Yogesh, currently we are validating to provide API to disable popup and will update the details on or before May 2, 2024.

[Dhanush Sekar]

Hi Yogesh,

You can use enableFormField API to disable the formfield popup. Please refer the below code for reference.

Blazor:

<SfDocumentEditorContainer UseDefaultEditor="false" @ref="container" Width="80%" Height="590px" EnableToolbar=true>
<SfDocumentEditor EnableFormField="false" EnableSelection="true" EnableEditor="true" EnableContextMenu="false"></SfDocumentEditor>

</SfDocumentEditorContainer>

Angular: 

this.container.documentEditor.enableFormField = false;

Sample - Grzwtb (forked) - StackBlitz

Regards,

Dhanush Sekar

[Yogesh]

Dhanush Sekar, Thanks For the reply which works smoothly ...

[Dhanush Sekar]

Yogesh, Thanks for the update.

 

We would be happy to assist you as always.