From af15f2c4a192dea02aab9e519defc68c71763ec4 Mon Sep 17 00:00:00 2001 From: yvesf Date: Mon, 22 Nov 2010 14:34:55 +0100 Subject: jquery ui --- .../demos/sortable/connect-lists-through-tabs.html | 78 ++++++++++++++++++ .../demos/sortable/connect-lists.html | 58 +++++++++++++ .../development-bundle/demos/sortable/default.html | 51 ++++++++++++ .../demos/sortable/delay-start.html | 67 +++++++++++++++ .../demos/sortable/display-grid.html | 54 ++++++++++++ .../demos/sortable/empty-lists.html | 69 ++++++++++++++++ .../development-bundle/demos/sortable/index.html | 26 ++++++ .../development-bundle/demos/sortable/items.html | 70 ++++++++++++++++ .../demos/sortable/placeholder.html | 56 +++++++++++++ .../demos/sortable/portlets.html | 96 ++++++++++++++++++++++ 10 files changed, 625 insertions(+) create mode 100644 static/development-bundle/demos/sortable/connect-lists-through-tabs.html create mode 100644 static/development-bundle/demos/sortable/connect-lists.html create mode 100644 static/development-bundle/demos/sortable/default.html create mode 100644 static/development-bundle/demos/sortable/delay-start.html create mode 100644 static/development-bundle/demos/sortable/display-grid.html create mode 100644 static/development-bundle/demos/sortable/empty-lists.html create mode 100644 static/development-bundle/demos/sortable/index.html create mode 100644 static/development-bundle/demos/sortable/items.html create mode 100644 static/development-bundle/demos/sortable/placeholder.html create mode 100644 static/development-bundle/demos/sortable/portlets.html (limited to 'static/development-bundle/demos/sortable') diff --git a/static/development-bundle/demos/sortable/connect-lists-through-tabs.html b/static/development-bundle/demos/sortable/connect-lists-through-tabs.html new file mode 100644 index 0000000..e72d931 --- /dev/null +++ b/static/development-bundle/demos/sortable/connect-lists-through-tabs.html @@ -0,0 +1,78 @@ + + + + + jQuery UI Sortable - Connect lists with Tabs + + + + + + + + + + + + + +
+ +
+ +
+
    +
  • Item 1
    • +
  • Item 2
    • +
  • Item 3
    • +
  • Item 4
    • +
  • Item 5
    • +
+
+
+
    +
  • Item 1
    • +
  • Item 2
    • +
  • Item 3
    • +
  • Item 4
    • +
  • Item 5
    • +
+
+
+ +
+ + + +
+

Sort items from one list into another and vice versa, by dropping the list item on the appropriate tab above.

+
+ + + diff --git a/static/development-bundle/demos/sortable/connect-lists.html b/static/development-bundle/demos/sortable/connect-lists.html new file mode 100644 index 0000000..3e7433e --- /dev/null +++ b/static/development-bundle/demos/sortable/connect-lists.html @@ -0,0 +1,58 @@ + + + + + jQuery UI Sortable - Connect lists + + + + + + + + + + + +
+ + + + + +
+ + + +
+

+ Sort items from one list into another and vice versa, by passing a selector into + the connectWith option. The simplest way to do this is to + group all related lists with a CSS class, and then pass that class into the + sortable function (i.e., connectWith: '.myclass'). +

+
+ + + diff --git a/static/development-bundle/demos/sortable/default.html b/static/development-bundle/demos/sortable/default.html new file mode 100644 index 0000000..24d4e57 --- /dev/null +++ b/static/development-bundle/demos/sortable/default.html @@ -0,0 +1,51 @@ + + + + + jQuery UI Sortable - Default functionality + + + + + + + + + + + +
+ + + +
+ + + +
+

+ Enable a group of DOM elements to be sortable. Click on and drag an + element to a new spot within the list, and the other items will adjust to + fit. By default, sortable items share draggable properties. +

+
+ + + diff --git a/static/development-bundle/demos/sortable/delay-start.html b/static/development-bundle/demos/sortable/delay-start.html new file mode 100644 index 0000000..4a268b7 --- /dev/null +++ b/static/development-bundle/demos/sortable/delay-start.html @@ -0,0 +1,67 @@ + + + + + jQuery UI Sortable - Delay start + + + + + + + + + + + +
+ +

Time delay of 300ms:

+ + + +

Distance delay of 15px:

+ + + +
+ + + +
+

+ Prevent accidental sorting either by delay (time) or distance. Set a number of + milliseconds the element needs to be dragged before sorting starts + with the delay option. Set a distance in pixels the element + needs to be dragged before sorting starts with the distance + option. +

+
+ + + diff --git a/static/development-bundle/demos/sortable/display-grid.html b/static/development-bundle/demos/sortable/display-grid.html new file mode 100644 index 0000000..c595179 --- /dev/null +++ b/static/development-bundle/demos/sortable/display-grid.html @@ -0,0 +1,54 @@ + + + + + jQuery UI Sortable - Display as grid + + + + + + + + + + + +
+ + + +
+ + + +
+

+ To arrange sortable items as a grid, give them identical dimensions and + float them using CSS. +

+
+ + + diff --git a/static/development-bundle/demos/sortable/empty-lists.html b/static/development-bundle/demos/sortable/empty-lists.html new file mode 100644 index 0000000..2e53389 --- /dev/null +++ b/static/development-bundle/demos/sortable/empty-lists.html @@ -0,0 +1,69 @@ + + + + + jQuery UI Sortable - Handle empty lists + + + + + + + + + + + +
+ + + + + + + +
+ +
+ + + +
+

+ Prevent all items in a list from being dropped into a separate, empty list + using the dropOnEmpty option set to false. By default, + sortable items can be dropped on empty lists. +

+
+ + + diff --git a/static/development-bundle/demos/sortable/index.html b/static/development-bundle/demos/sortable/index.html new file mode 100644 index 0000000..b307ef7 --- /dev/null +++ b/static/development-bundle/demos/sortable/index.html @@ -0,0 +1,26 @@ + + + + + jQuery UI Sortable Demos + + + + +
+

Examples

+ +
+ + + diff --git a/static/development-bundle/demos/sortable/items.html b/static/development-bundle/demos/sortable/items.html new file mode 100644 index 0000000..c38b4f9 --- /dev/null +++ b/static/development-bundle/demos/sortable/items.html @@ -0,0 +1,70 @@ + + + + + jQuery UI Sortable - Include / exclude items + + + + + + + + + + + +
+ +

Specify which items are sortable:

+ + + +

Cancel sorting (but keep as drop targets):

+ + + +
+ + + +
+

+ Specify which items are eligible to sort by passing a jQuery selector into + the items option. Items excluded from this option are not + sortable, nor are they valid targets for sortable items. +

+

+ To only prevent sorting on certain items, pass a jQuery selector into the + cancel option. Cancelled items remain valid sort targets for + others. +

+
+ + + diff --git a/static/development-bundle/demos/sortable/placeholder.html b/static/development-bundle/demos/sortable/placeholder.html new file mode 100644 index 0000000..fcbe7c9 --- /dev/null +++ b/static/development-bundle/demos/sortable/placeholder.html @@ -0,0 +1,56 @@ + + + + + jQuery UI Sortable - Drop placeholder + + + + + + + + + + + +
+ + + +
+ + + +
+

+ When dragging a sortable item to a new location, other items will make room + for the that item by shifting to allow white space between them. Pass a + class into the placeholder option to style that space to + be visible. Use the boolean forcePlaceholderSize option + to set dimensions on the placeholder. +

+
+ + + diff --git a/static/development-bundle/demos/sortable/portlets.html b/static/development-bundle/demos/sortable/portlets.html new file mode 100644 index 0000000..8e4a631 --- /dev/null +++ b/static/development-bundle/demos/sortable/portlets.html @@ -0,0 +1,96 @@ + + + + + jQuery UI Sortable - Portlets + + + + + + + + + + + +
+ +
+ +
+
Feeds
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+ +
+
News
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+ +
+ +
+ +
+
Shopping
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+ +
+ +
+ +
+
Links
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+ +
+
Images
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+ +
+ +
+ + + +
+

+ Enable portlets (styled divs) as sortables and use the connectWith + option to allow sorting between columns. +

+
+ + + -- cgit v1.2.1