Drag and drop form building with jQuery formBuiler.
A Pen by Mohammad Prince on CodePen.
Drag and drop form building with jQuery formBuiler.
A Pen by Mohammad Prince on CodePen.
<div id="build-wrap"></div> |
jQuery($ => { | |
const fbTemplate = document.getElementById('build-wrap'); | |
$(fbTemplate).formBuilder(); | |
}); |
<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> |
body { | |
padding: 0; | |
margin: 10px 0; | |
background: #f2f2f2 url('http://formbuilder.readthedocs.io/en/latest/img/noise.png'); | |
} |
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> |