diff --git a/demos/real-world/layout/demo.css b/demos/real-world/layout/demo.css index 151c770f3..9271b0c49 100644 --- a/demos/real-world/layout/demo.css +++ b/demos/real-world/layout/demo.css @@ -41,6 +41,6 @@ dl.sort dt span.options a.disabled { background:#555 !important; cursor:default; #content { float:left; width:400px; } #sidebar { float:left; width:200px; } #footer { width:638px; } -#trashcan { float:left; } +#meta { float:left; } #trashcan p { margin:0; } \ No newline at end of file diff --git a/demos/real-world/layout/demo.js b/demos/real-world/layout/demo.js index d93c76d4c..039f1463d 100644 --- a/demos/real-world/layout/demo.js +++ b/demos/real-world/layout/demo.js @@ -81,11 +81,15 @@ //placeholder: 'placeholder', connectWith: els, start: function(e,ui) { - ui.helper.css("width", ui.item.width()); + ui.helper.css("width", ui.item.parent().width()); }, change: sortableChange, update: sortableUpdate }); + $('#components > dl').draggable({ + connectToSortable: $els, + helper: 'clone' + }) }); $(window).bind('load',function(){ diff --git a/demos/real-world/layout/img01.png b/demos/real-world/layout/img01.png new file mode 100644 index 000000000..42900c7c6 Binary files /dev/null and b/demos/real-world/layout/img01.png differ diff --git a/demos/real-world/layout/index.html b/demos/real-world/layout/index.html index 7e8edb8fa..deacea119 100644 --- a/demos/real-world/layout/index.html +++ b/demos/real-world/layout/index.html @@ -68,9 +68,24 @@ -
-

Trash can

-

Drag modules here to delete them.

+
+
+

Components

+
+
Subheadline
+
Paragraph
+
+
+
Image
+
+
Caption
+
+
+ +
+

Trash can

+

Drag modules here to delete them.

+