Drag any of letter boxes to the area below and note some different visuals and rules that can be specified as options and in stylesheets. Read more below about the different plugin customizations that is demonstrated.
A
Bb
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
A-F shows the default behavior of dragging the original element around.
- Works with compound elements as in the box "Bb"
G-L shows custom behavior of dragging a clone of the element and using a different css class for its appearence.
- Plugin is attached to container element
- Source element is hidden while dragging
- Box "J" is not draggable
- When drop area has 2 elements, no more dropped elements are accepted
M-R shows highlighting the drop area.
- Dragging is confined to the containing element centered on the page
- When dropped, text contents of drop area is concatenated with dropped letter