This repository has been archived by the owner. It is now read-only.
Web app for drag drop building bootstrap forms.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 10d9927 May 17, 2017
Failed to load latest commit information.
assets Avoid useless placeholder attributes Mar 2, 2016
.gitignore github pages Mar 20, 2013
LICENSE github pages Mar 20, 2013 Update May 17, 2017
index-dev.html add index-dev.html Oct 9, 2014
index.html Update index.html Oct 9, 2014

Bootstrap Form Builder

Warning: Currently using Bootstrap v. 2.3.1 🐬 (Not Bootstrap 3 ready.)

What's this?

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.html to point at assets/js/main.js. (Look just before the closing <body> tag!)

  • Once done, change it back to build for production using the build.js script in the assets/js/lib folder and r.js. Then revert to assets/js/main-built.js

  • The full command is r.js -o assets/js/lib/build.js which 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!