Drag & Drop

PAGE 4

Definition

Drag and Drop lets users click and drag an item (like an image or text), then drop it somewhere else on the page.
HTML alone doesn’t provide full drag-and-drop, but with a little JavaScript, it becomes easy.

Types

1.Image Drag and Drop
2.Text Drag and Drop
3.File Drag and Drop
4.List/Element Reordering
5.Custom UI Component Dragging
6.Table Row Drag and Drop
7.Drag to Trash/Delete

EXAMPLE

Drag the box and drop it below