All Projects → minikomi → Bootstrap Form Builder

minikomi / Bootstrap Form Builder

Licence: mit
Web app for drag drop building bootstrap forms.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
ruby
36898 projects - #4 most used programming language

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.

Notes

  • 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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].