Drag & drop options in Navattic

Let's explore the different ways we can support drag and drop in Navattic


Record a gif and upload it to the screenshot builder

Show the "before" and "after" state of the dragged element

<script async src="https://www.googletagmanager.com/gtag/js?id=G-4R0WMHC3P9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4R0WMHC3P9');
</script>

]

<script type="text/javascript">
(function() {
  var didInit = false;
  function initMunchkin() {
    if(didInit === false) {
      didInit = true;
      Munchkin.init('137-MKP-579');
    }
  }
  var s = document.createElement('script');
  s.type = 'text/javascript';
  s.async = true;
  s.src = '//munchkin.marketo.net/munchkin.js';
  s.onreadystatechange = function() {
    if (this.readyState == 'complete' || this.readyState == 'loaded') {
      initMunchkin();
    }
  };
  s.onload = initMunchkin;
  document.getElementsByTagName('head')[0].appendChild(s);
})();
</script>

Drag & Drop Options in Navattic