From af15f2c4a192dea02aab9e519defc68c71763ec4 Mon Sep 17 00:00:00 2001 From: yvesf Date: Mon, 22 Nov 2010 14:34:55 +0100 Subject: jquery ui --- .../demos/resizable/animate.html | 43 ++++++++++++++++++ .../demos/resizable/aspect-ratio.html | 42 +++++++++++++++++ .../demos/resizable/constrain-area.html | 47 +++++++++++++++++++ .../demos/resizable/default.html | 40 +++++++++++++++++ .../demos/resizable/delay-start.html | 52 ++++++++++++++++++++++ .../development-bundle/demos/resizable/helper.html | 43 ++++++++++++++++++ .../development-bundle/demos/resizable/index.html | 28 ++++++++++++ .../demos/resizable/max-min.html | 45 +++++++++++++++++++ .../demos/resizable/snap-to-grid.html | 42 +++++++++++++++++ .../demos/resizable/synchronous-resize.html | 49 ++++++++++++++++++++ .../demos/resizable/textarea.html | 41 +++++++++++++++++ .../demos/resizable/visual-feedback.html | 43 ++++++++++++++++++ 12 files changed, 515 insertions(+) create mode 100644 static/development-bundle/demos/resizable/animate.html create mode 100644 static/development-bundle/demos/resizable/aspect-ratio.html create mode 100644 static/development-bundle/demos/resizable/constrain-area.html create mode 100644 static/development-bundle/demos/resizable/default.html create mode 100644 static/development-bundle/demos/resizable/delay-start.html create mode 100644 static/development-bundle/demos/resizable/helper.html create mode 100644 static/development-bundle/demos/resizable/index.html create mode 100644 static/development-bundle/demos/resizable/max-min.html create mode 100644 static/development-bundle/demos/resizable/snap-to-grid.html create mode 100644 static/development-bundle/demos/resizable/synchronous-resize.html create mode 100644 static/development-bundle/demos/resizable/textarea.html create mode 100644 static/development-bundle/demos/resizable/visual-feedback.html (limited to 'static/development-bundle/demos/resizable') diff --git a/static/development-bundle/demos/resizable/animate.html b/static/development-bundle/demos/resizable/animate.html new file mode 100644 index 0000000..0750ebc --- /dev/null +++ b/static/development-bundle/demos/resizable/animate.html @@ -0,0 +1,43 @@ + + + + + jQuery UI Resizable - Animate + + + + + + + + + + + + +
+ +
+

Animate

+
+ +
+ + + +
+

Animate the resize action using the animate option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.

+
+ + + diff --git a/static/development-bundle/demos/resizable/aspect-ratio.html b/static/development-bundle/demos/resizable/aspect-ratio.html new file mode 100644 index 0000000..3c3714a --- /dev/null +++ b/static/development-bundle/demos/resizable/aspect-ratio.html @@ -0,0 +1,42 @@ + + + + + jQuery UI Resizable - Preserve aspect ratio + + + + + + + + + + + + +
+ +
+

Preserve aspect ratio

+
+ +
+ + + +
+

Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the aspectRatio option to true, and optionally pass in a new ratio (i.e., 4/3)

+
+ + + diff --git a/static/development-bundle/demos/resizable/constrain-area.html b/static/development-bundle/demos/resizable/constrain-area.html new file mode 100644 index 0000000..f52591f --- /dev/null +++ b/static/development-bundle/demos/resizable/constrain-area.html @@ -0,0 +1,47 @@ + + + + + jQuery UI Resizable - Constrain resize area + + + + + + + + + #container { width: 300px; height: 300px; } + #container h3 { text-align: center; margin: 0; margin-bottom: 10px; } + #resizable { background-position: top left; width: 150px; height: 150px; } + #resizable, #container { padding: 0.5em; } + + + + + +
+ +
+

Containment

+
+

Resizable

+
+
+ +
+ + + +
+

Define the boundaries of the resizable area. Use the containment option to specify a parent DOM element or a jQuery selector, like 'document.'

+
+ + + diff --git a/static/development-bundle/demos/resizable/default.html b/static/development-bundle/demos/resizable/default.html new file mode 100644 index 0000000..e06fe88 --- /dev/null +++ b/static/development-bundle/demos/resizable/default.html @@ -0,0 +1,40 @@ + + + + + jQuery UI Resizable - Default functionality + + + + + + + + + + + + +
+ +
+

Resizable

+
+ +
+ + + +
+

Enable any DOM element to be resizable. With the cursor grab the right or bottom border and drag to the desired width or height.

+
+ + + diff --git a/static/development-bundle/demos/resizable/delay-start.html b/static/development-bundle/demos/resizable/delay-start.html new file mode 100644 index 0000000..e2de19b --- /dev/null +++ b/static/development-bundle/demos/resizable/delay-start.html @@ -0,0 +1,52 @@ + + + + + jQuery UI Resizable - Delay start + + + + + + + + + + + + +
+ +

Time delay (ms):

+
+

Time

+
+ +

Distance delay (px):

+
+

Distance

+
+ +
+ + + +
+

Delay the start of resizng for a number of milliseconds with the delay option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the distance option.

+
+ + + diff --git a/static/development-bundle/demos/resizable/helper.html b/static/development-bundle/demos/resizable/helper.html new file mode 100644 index 0000000..f5e64c5 --- /dev/null +++ b/static/development-bundle/demos/resizable/helper.html @@ -0,0 +1,43 @@ + + + + + jQuery UI Resizable - Helper + + + + + + + + + + + + +
+ +
+

Helper

+
+ +
+ + + +
+

Display only an outline of the element while resizing by setting the helper option to a CSS class.

+
+ + + diff --git a/static/development-bundle/demos/resizable/index.html b/static/development-bundle/demos/resizable/index.html new file mode 100644 index 0000000..45f4006 --- /dev/null +++ b/static/development-bundle/demos/resizable/index.html @@ -0,0 +1,28 @@ + + + + + jQuery UI Resizable Demos + + + + +
+

Examples

+ +
+ + + diff --git a/static/development-bundle/demos/resizable/max-min.html b/static/development-bundle/demos/resizable/max-min.html new file mode 100644 index 0000000..d4547e2 --- /dev/null +++ b/static/development-bundle/demos/resizable/max-min.html @@ -0,0 +1,45 @@ + + + + + jQuery UI Resizable - Maximum / minimum size + + + + + + + + + + + + +
+ +
+

Resize larger / smaller

+
+ +
+ + + +
+

Limit the resizable element to a maximum or minimum height or width using the maxHeight, maxWidth, minHeight, and minWidth options.

+
+ + + diff --git a/static/development-bundle/demos/resizable/snap-to-grid.html b/static/development-bundle/demos/resizable/snap-to-grid.html new file mode 100644 index 0000000..c12f797 --- /dev/null +++ b/static/development-bundle/demos/resizable/snap-to-grid.html @@ -0,0 +1,42 @@ + + + + + jQuery UI Resizable - Snap to grid + + + + + + + + + + + + +
+ +
+

Grid

+
+ +
+ + + +
+

Snap the resizable element to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid option.

+
+ + + diff --git a/static/development-bundle/demos/resizable/synchronous-resize.html b/static/development-bundle/demos/resizable/synchronous-resize.html new file mode 100644 index 0000000..470782f --- /dev/null +++ b/static/development-bundle/demos/resizable/synchronous-resize.html @@ -0,0 +1,49 @@ + + + + + jQuery UI Resizable - Synchronous resize + + + + + + + + + + + + +
+ +
+

Resize

+
+ +
+

will also resize

+
+ +
+ + + +
+

Resize multiple elements simultaneously by clicking and dragging the sides of one. Pass a shared selector into the alsoResize option.

+
+ + + diff --git a/static/development-bundle/demos/resizable/textarea.html b/static/development-bundle/demos/resizable/textarea.html new file mode 100644 index 0000000..6dbd9a7 --- /dev/null +++ b/static/development-bundle/demos/resizable/textarea.html @@ -0,0 +1,41 @@ + + + + + jQuery UI Resizable - Textarea + + + + + + + + + + + + +
+ + + +
+ + + +
+

Display only an outline of the element while resizing by setting the helper option to a CSS class.

+
+ + + diff --git a/static/development-bundle/demos/resizable/visual-feedback.html b/static/development-bundle/demos/resizable/visual-feedback.html new file mode 100644 index 0000000..e8b49e7 --- /dev/null +++ b/static/development-bundle/demos/resizable/visual-feedback.html @@ -0,0 +1,43 @@ + + + + + jQuery UI Resizable - Visual feedback + + + + + + + + + + + + +
+ +
+

Ghost

+
+ +
+ + + +
+

Instead of showing the actual element during resize, set the ghost option to true to show a semi-transparent part of the element.

+
+ + + -- cgit v1.2.1