A Drag-and-drop form builder for twitter bootstrap.
Where can I see it in action using bootstrap v 2.3.1 thanks to minikomi?
And It's hosted on github pages here using bootstrap v 3.0.0
-
For development & debugging change the data-main for the require script tag in
index.html
to point atassets/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 theassets/js/lib
folder and r.js. Then revert toassets/js/main-built.js
-
The full command is
r.js -o assets/js/lib/build.js
which should be run from the base directory.
- In the js/data/yaml 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:
- describe it in one of these files
- parse the yaml to json using parse.rb in the same folder
- create a corresponding template in the templates/snippet directory
- add the template to snippet-templates.js
- 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.