Bootstrap Form Builder
Warning: Currently using Bootstrap
🐬 (Not Bootstrap 3 ready.)
A Drag-and-drop form builder for twitter bootstrap.
Where can I see it in action?
It's hosted on github pages here.
For development & debugging change the data-main for the require script tag in
index.htmlto point at
assets/js/main.js. (Look just before the closing
Once done, change it back to build for production using the
build.jsscript in the
assets/js/libfolder and r.js. Then revert to
The full command is
r.js -o assets/js/lib/build.jswhich should be run from the base directory.
Adding new form elements
- In the js/data/ folder are yaml files, each of which corresponds to a tab in the form builder.
- If you just want to add a new element you need to:
- If you want to add a new tab, you'll also need to adjust the app.js file to make sure the tab is loaded.
Don't forget to switch to main.js rather than main-built.js, or the changes you make before compiling with require.js won't show up!