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 --- .../js/ui/demos/draggable/constrain-movement.html | 58 ++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 apps/it/static/js/ui/demos/draggable/constrain-movement.html (limited to 'apps/it/static/js/ui/demos/draggable/constrain-movement.html') diff --git a/apps/it/static/js/ui/demos/draggable/constrain-movement.html b/apps/it/static/js/ui/demos/draggable/constrain-movement.html new file mode 100644 index 0000000..813fc50 --- /dev/null +++ b/apps/it/static/js/ui/demos/draggable/constrain-movement.html @@ -0,0 +1,58 @@ + + + + + jQuery UI Draggable - Constrain movement + + + + + + + + + + + + +

Constrain movement along an axis:

+ +
+

I can be dragged only vertically

+
+ +
+

I can be dragged only horizontally

+
+ +

Or to within another DOM element:

+
+
+

I'm contained within the box

+
+ +
+

I'm contained within my parent

+
+
+ +
+

Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the axis option to limit the draggable's path to the x- or y-axis, or use the containment option to specify a parent DOM element or a jQuery selector, like 'document.'

+
+ + -- cgit v1.2.3