Grid

LAST MONTH

$58,256

Basic Draggable options

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Move card and apply color

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Card Title

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
All Rights Reserved by Xtreme admin. Designed and Developed by WrapPixel.
$(function () { dragula([document.getElementById('draggable-area')]), dragula([document.getElementById('card-colors')]) .on('drag', function (e) { e.className = e.className.replace('card-moved', ''); }) .on('drop', function (e) { e.className += ' card-moved'; }) .on('over', function (e, t) { t.className += ' card-over'; }) .on('out', function (e, t) { t.className = t.className.replace('card-over', ''); }), dragula([document.getElementById('copy-left'), document.getElementById('copy-right')], { copy: !0, }), dragula( [document.getElementById('left-handles'), document.getElementById('right-handles')], { moves: function (e, t, n) { return n.classList.contains('handle'); }, }, ), dragula( [ document.getElementById('left-titleHandles'), document.getElementById('right-titleHandles'), ], { moves: function (e, t, n) { return n.classList.contains('titleArea'); }, }, ); });