Alex Rivera | Logout

Suggestions for a JavaScript form builder?

Asked 2009-05-18T19:41:13.700
30

I'm looking to integrate a form builder into a site I'm using, but I'm hoping to find a library that has some or most of the functionality I'm looking for.

I'm looking for a library that will give me a nice GUI for building the form, and a JSON (or XML, or similar) output that I can play with in the django backend. I'm planning to use django to output the finished form.

I tried running this through Google, but that only yields companies who make a business out of creating and hosting the forms online. But nothing in the form of a library.

Any suggestions?

javascript javascript-framework
Edit
Report

2 Answers

1

There was a google Summer Of Code project last year that built a drag and drop form editor using the Dojo JavaScript toolkit. It's not 100% complete in terms of the functionality I'm guessing you would want.

It does dump a javascript object representing the form which you can convert to JSON to send over the wire.

Depending on your JavaScript skill set it should give you a head start on the problem.

The demo is here: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

Blog posts by the person working on it: http://www.dojotoolkit.org/blog/jbalogh

answered 2009-05-19T00:15:11.417
0

I don't think there is anything exactly like what you want out there; probably the closest would be a rich text editor such as FCKEditor or TinyMCE. These libraries are a bit like the UI you used to write your question in StackOverflow, except that they have toolbar buttons for the different FORM elements (or if they don't, you can easily add them yourselves).

A user faced with one of these editors (assuming you'd configured it to have buttons for FORM elements) would be able to lay out a form with basically no technical knowledge.

However, if a rich text editor doesn't work for you, then you're basically stuck with using something like the jQuery UI library (I'm thinking mainly of the Draggable sub-library) to build your own solution.

answered 2009-05-18T23:34:48.160

Your Answer