From af15f2c4a192dea02aab9e519defc68c71763ec4 Mon Sep 17 00:00:00 2001 From: yvesf Date: Mon, 22 Nov 2010 14:34:55 +0100 Subject: jquery ui --- .../demos/draggable/snap-to.html | 68 ++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 static/development-bundle/demos/draggable/snap-to.html (limited to 'static/development-bundle/demos/draggable/snap-to.html') diff --git a/static/development-bundle/demos/draggable/snap-to.html b/static/development-bundle/demos/draggable/snap-to.html new file mode 100644 index 0000000..43b4554 --- /dev/null +++ b/static/development-bundle/demos/draggable/snap-to.html @@ -0,0 +1,68 @@ + + + + + jQuery UI Draggable - Snap to element or grid + + + + + + + + + + + + +
+ +
+

I'm a snap target

+
+ +
+ +
+

Default (snap: true), snaps to all other draggable elements

+
+ +
+

I only snap to the big box

+
+ +
+

I only snap to the outer edges of the big box

+
+ +
+

I snap to a 20 x 20 grid

+
+ +
+

I snap to a 80 x 80 grid

+
+ +
+ + + +
+

Snap the draggable to the inner or outer boundaries of a DOM element. Use the snap, snapMode (inner, outer, both), and snapTolerance (distance in pixels the draggable must be from the element when snapping is invoked) options.

+

Or snap the draggable to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid option.

+
+ + + -- cgit v1.2.1