Drag & Drop

November 10, 2018

Learn How To Operate a JVC Camera

November 11, 2018

Selective Focus Photography With iPhone

November 13, 2018

Learn Amazing Macro Photography

<div class="row" data-toggle="dragula">...</div>

Containers

Add the data attribute data-dragula-containers='["#cards-left", "#cards-right"]' to allow the user to drag an element in any of the containers and drop it in any other container in the list.

Container #1

Jenell D. Matney
Founder and CEO

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

Sherri J. Cardenas
Software Engineer

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

Joseph S. Ferland
Web Designer

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

Container #2

Bryan K. Davis
Web Developer

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

Elizabeth J. Ohara
Business Analyst

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

Kaci M. Langston
Human Resources

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

<div class="row" data-toggle="dragula" data-dragula-containers='["#cards-left", "#cards-right"]'>

                                    <div class="col-md" id="cards-left">...</div>

                                    <div class="col-md" id="cards-right">...</div>

                                    </div>

Handles

Add the data attribute data-dragula-moves="js-dragula-handle" to allow the user to drag an element in any of the containers and drop it in any other container in the list using a handle.

Container #1

Jenell D. Matney
Founder and CEO

drag_handle

Sherri J. Cardenas
Software Engineer

drag_handle

Joseph S. Ferland
Web Designer

drag_handle

Container #2

Bryan K. Davis
Web Developer

drag_handle

Elizabeth J. Ohara
Business Analyst

drag_handle

Kaci M. Langston
Human Resources

drag_handle