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
Color Scheme
Menu Color
Layout Position