Dragula
Simple Drag and Drop Example
Just specify the data attribute data-plugin='dragula' to have drag and drop support in your container.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Make sure to include following js files at end of body element
Move stuff between containers
Just specify the data attribute
data-plugin='dragula' and
data-containers='["first-container-id", "second-container-id"]'.
Part 1
Louis K. Bond
Founder & CEO
"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.
Dennis N. Cloutier
Software Engineer
"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.
Susan J. Sander
Web Designer
"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.
Part 2
James M. Short
Web Developer
"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
Gabriel J. Snyder
Business Analyst
"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
Louie C. Mason
Human Resources
"Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
Make sure to include following js files at end of body element
Move stuff between containers using handle
Just specify the data attribute
data-plugin='dragula',
data-containers='["first-container-id", "second-container-id"]' and
data-handle-class='dragula-handle'.
Part 1
Louis K. Bond
Founder & CEO
Dennis N. Cloutier
Software Engineer
Susan J. Sander
Web Designer
Part 2
James M. Short
Web Developer
Gabriel J. Snyder
Business Analyst
Louie C. Mason
Human Resources
Make sure to include following js files at end of body element