Angular drag and drop form builder [closed]

2
votes

I am trying to create a certificate generation application using Angular

for that, I need to place input fields on the certificate. (something like drag and drop).

I am planning to build from scratch using div and using dynamic forms in type script, is there any plugin for creating a form with drag and drop/add field elements inside the form.

can anyone provide useful links,

Thank you.

3
javascriptangulartypescripteditor
I think this library can be useful here github.com/formql/formql - yurzui

3 Answers

7
votes

Nice, after some research I found a better plugin "formio" this helpful plugin that had a lot of options and easy to integration hope this will help you as well.

Refer : https://formio.github.io/ngFormBuilder

7
votes

You should give https://github.com/formio/angular-formio a try. You can see a demo at https://formio.github.io/angular-demo/#/forms/builder

Disclaimer: I created this library.

5
votes

You can try using

  1. https://github.com/shakalya195/angular-5-formbuilder This one has a built in custom validators (http://formbuilder.shakalya.com),

  2. https://stackblitz.com/edit/angular-drag-drop-form which has features for features drop scopes, custom styling, disable drag/drop & drag handles

  3. You can also try using the formbuilder npm package (A jQuery plugin ) https://www.npmjs.com/package/formBuilder

  4. Angular Drag-Drop FormBuilder A PEN BY Lam Phuoc Thinh - you can find a form builder made using jquery