naurix / formbuilder

An easy to use Jquery and Bootstrap form builder

Naurix Form-Builder

An easy to use Jquery and Bootstrap form builder. This is basically a javascript script that helps you create a quick bootstrap form elements. It will structure the form tags with bootstrap class(es) to enable you plug into any project. Also, can be used for application with dynamic input templating.

Installation

Either clone or download the zipped file.

Requirements

This project requires Jquery, Bootstrap 3 and optionally add Font Awesome icons.

How to

1. Download the project
2. Add the dist/naurix.formbuilder.css and dist/naurix.formbuilder.js to your project
3. Open it with a browser, chrome preferablly
4. Click the add group button
5. Select Columns
6. Add fields
7. When done adding form element, either hit the view html or preview

Please Note

This project uses html5 contenteditable. Please make sure your browser supports this.

Future Impleamentations

1. Create Select Field from a json object or an API endpoint
2. Make the tiny little field edit icon to be clickable
3. Convert the project to React and Vue
4. Add a code unminify to the generated code
5. Make the project npm installable

License

The Naurix Form-Builder is open-sourced software licensed under the MIT license.