formBuilder

formbuilder.markdown

formBuilder

Drag and drop form building with jQuery formBuiler.

A Pen by Mohammad Prince on CodePen.

License.

index.html

<div id="build-wrap"></div>

script.js

jQuery($ => {
  const fbTemplate = document.getElementById('build-wrap');
  $(fbTemplate).formBuilder();
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="https://formbuilder.online/assets/js/form-builder.min.js"></script>

style.css

body {
  padding: 0;
  margin: 10px 0;
  background: #f2f2f2 url('http://formbuilder.readthedocs.io/en/latest/img/noise.png');
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />