Basic Drag & Drop
Drag me around
Drag & Drop Position Locking
I can only be dragged up/down
I can only be dragged left/right
Drag & Drop Boundary
I can only be dragged within the dotted container
Drag & Drop Connected Sorting Group
To do
Get to work
Pick up groceries
Go home
Fall asleep
Done
Get up
Brush teeth
Take a shower
Check e-mail
Walk dog
Drag & Drop Connected Sorting
To do
Get to work
Pick up groceries
Go home
Fall asleep
Done
Get up
Brush teeth
Take a shower
Check e-mail
Walk dog
Drag & Drop Custom Placeholder
Episode I - The Phantom Menace
Episode II - Attack of the Clones
Episode III - Revenge of the Sith
Episode IV - A New Hope
Episode V - The Empire Strikes Back
Episode VI - Return of the Jedi
Episode VII - The Force Awakens
Episode VIII - The Last Jedi
Episode IX - The Rise of Skywalker
Drag & Drop Custom Preview
Episode I - The Phantom Menace
Episode II - Attack of the Clones
Episode III - Revenge of the Sith
Episode IV - A New Hope
Episode V - The Empire Strikes Back
Episode VI - Return of the Jedi
Episode VII - The Force Awakens
Episode VIII - The Last Jedi
Episode IX – The Rise of Skywalker
Delayed Dragging
Dragging starts after one second
Drag & Drop Disabled Sorting
Available items
Carrots
Tomatoes
Onions
Apples
Avocados
Shopping basket
Oranges
Bananas
Cucumbers
Drag & Drop Disabled
I can be dragged
I cannot be dragged
I can also be dragged
Drag & Drop Enter Predicate
Available numbers
1
2
3
4
5
6
7
8
9
Even numbers
10
Programmatically Setting the Free Drag Position
Drag me around
Drag & Drop With a Handle
I can only be dragged using the handle
Drag & Drop Horizontal Sorting
Bronze age
Iron age
Middle ages
Early modern period
Long nineteenth century
Drag & Drop Alternate Root Element
Drag & Drop Sort Predicate
Episode I - The Phantom Menace
Episode II - Attack of the Clones
Episode III - Revenge of the Sith
Episode IV - A New Hope
Episode V - The Empire Strikes Back
Episode VI - Return of the Jedi
Episode VII - The Force Awakens
Episode VIII - The Last Jedi
Episode IX – The Rise of Skywalker