question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to update edit form in a builder?

See original GitHub issue

hi I overwrite the components dialog with this function

let dialog={...};
for (var key in Formio.Components.components) {
        Formio.Components.components[key].editForm = function () {
          return dialog;
        };
      }

then I have a dropdown menu & add button in the Display tab Capture now when pressing the add button I edited the dialog and add a value to the drop-down menu so I want to update it and show the new values that I added to the dropdown menu so I tried reinitiating the builder but I have to close the dialog and open it again to see my new value in the drop-down then I tried to call the redraw function but don’t work and redraw function initiate the following error “builder.redraw is not a function”

how can I reload the drop-down menu to show the new values?

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:44 (22 by maintainers)

github_iconTop GitHub Comments

2reactions
Samanoovacommented, Aug 23, 2021

here is an example import TextFieldEditForm from “your path to script file/TextFieldEditForm.ts”; Formio.Components.components[“textfield”].editForm = function () { return TextFieldEditForm; }; Formio.builder(document.getElementById(“formio”), {}, {}); TextFieldEditForm.zip then you can edit the textfieldeditform file or add on it

1reaction
travistcommented, Jan 8, 2021

The editForm is a form instance that can be found within the form builder and can be redraw as follows.

builder.editForm.redraw();

This should redraw the form within the modal and not actually refresh the modal (which should appear seamless).

Read more comments on GitHub >

github_iconTop Results From Across the Web

Editing a section in Form Builder - Knowledge Base
click on the form title in the left panel; click on the form you want to edit from the list of forms being...
Read more >
How to edit form submissions on 123FormBuilder?
Click on the submission that you want to edit and hit the Edit button within the lightbox that appears. Here you can change...
Read more >
Editing Existing Forms in the Form Builder - YAPI Support Center
In the list of forms, click the name of the form you want to edit and click Edit. Editing the Form's Name &...
Read more >
How to: Edit an Existing Form – Ona Data Help Center
Once you click on Edit form, the form builder window will open as shown, make the necessary changes/edits and Save. Tagged: hot dog....
Read more >
How to Edit Your Online Forms - Jotform
To edit the existing form you have created: Go to My Forms.Hover on the form and click Edit Form. This will open the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found