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.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Move stuff between containers

Just specify the data attribute data-plugin='dragula' and data-containers='["first-container-id", "second-container-id"]'.

Part 1
image
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.

image
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.

image
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
image
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

image
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

image
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

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
image
Louis K. Bond

Founder & CEO

image
Dennis N. Cloutier

Software Engineer

image
Susan J. Sander

Web Designer

Part 2
image
James M. Short

Web Developer

image
Gabriel J. Snyder

Business Analyst

image
Louie C. Mason

Human Resources

Theme Settings
Choose Layout
Color Scheme
Layout Mode
Topbar Color
Menu Color
Layout Position