Skip to content
This repository has been archived by the owner before Nov 9, 2022. It is now read-only.

minikomi/Bootstrap-Form-Builder

gh-pages
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

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!

About

Web app for drag drop building bootstrap forms.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published