From 75ad7e4bd7d69243e7e5281c2642f00478fb072d Mon Sep 17 00:00:00 2001 From: Filipp Lepalaan Date: Wed, 19 Feb 2014 18:02:09 +0200 Subject: Added tags, jquery UI --- apps/it/static/js/ui/demos/draggable/snap-to.html | 61 +++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 apps/it/static/js/ui/demos/draggable/snap-to.html (limited to 'apps/it/static/js/ui/demos/draggable/snap-to.html') diff --git a/apps/it/static/js/ui/demos/draggable/snap-to.html b/apps/it/static/js/ui/demos/draggable/snap-to.html new file mode 100644 index 0000000..8b2a887 --- /dev/null +++ b/apps/it/static/js/ui/demos/draggable/snap-to.html @@ -0,0 +1,61 @@ + + + + + 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.3