An extension of Sortable.js Cobler allows for visual manipulation and Building of a JSON object that can be used to describe Content.

Comes pre-built for content building and form building.

Basic Usage

<!DOCTYPE html>
    <style src='//'></style>
    <script src='//'></script>
    <script src='//'></script>
    <script type='text/javascript' src='assets/js/cob.js'></script>
    <script type='text/javascript' src='assets/js/content.cob.js'></script>

    <script type="text/javascript">
      cb = new Cobler({ disabled: false, targets: document.getElementsByClassName('widget_container'), items:data})
  <div class="myForm">

Drag this box ^ onto the target ->

Drop Target