How to generate form back from JSON Schema in form builder

Question

I am using Form.io's Formbuilder, I have built a form using the Formbuilder's drag and drop functionality and I have saved the generated JSON Schema into my database. How can I reconstruct the form builder again with the same controls from JSON Schema?

I want to do this so that the user can make any modifications to the created form.

I am looking for how to reinitialize the form builder back from JSON.

JSON was generated from the form builder's builder.instance.schema.

Hamza Khanzada · Accepted Answer · 2020-01-29 07:14:14Z

3

I was able to to load the form back by passing the json schema to Formio.builder. I was using vanilla javascript. All credits to @randallknutson's Github reply.

//JSON Schema loaded from database
const createdForm = {
display: 'form',
components: [],
...
}

Formio.FormBuilder(document.getElementById('builder'), createdForm, options);

answered Jan 29, 2020 at 7:14

Hamza Khanzada

1,5601 gold badge26 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mike01010 Over a year ago

can you do this with just inferring the data? not everyone is gonna send you a schema unfortuantely

Collectives™ on Stack Overflow

How to generate form back from JSON Schema in form builder

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related