r1209 - trunk/tests/visual

Author: rdworth
Date: Mon Dec 22 09:12:26 2008
New Revision: 1209
Modified:
trunk/tests/visual/all.css
trunk/tests/visual/all.html
trunk/tests/visual/dialog.html
Log:
tests/visual: adjusted the formatting a bit. Separated dialog tests into
simple dialog and dialog with buttons
Modified: trunk/tests/visual/all.css
==============================================================================
--- trunk/tests/visual/all.css    (original)
+++ trunk/tests/visual/all.css    Mon Dec 22 09:12:26 2008
@@ -7,7 +7,7 @@
ul.plugins li.plugin {
    margin: 0 12px 12px 0;
    list-style-type: none;
-    width: 210px;
+    width: 220px;
    height: 220px;
    float: left;
    color: white;
@@ -19,8 +19,7 @@
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
-#accordion, #draggable,
-#resizable, #selectable, #sortable {
+#draggable, #resizable, #selectable, #sortable {
    margin: 10px;
    width: 190px; height: 180px;
    text-align: center;
@@ -31,14 +30,17 @@
    background: none;
    text-align: left;
}
-#datepicker, #dialog, #progressbar, #slider {
+#accordion, #datepicker, #dialog, #progressbar, #slider {
    margin: 10px;
}
#datepicker {
-    margin-left: 0;
+    margin-left: -40px;
+}
+#tabs {
+    margin: 0 10px;
}
#selectable div {
-    width: 45px; height: 45px; float: left; margin: 6px;
+    width: 45px; height: 45px; float: left; margin: 6px 8px;
    border: 1px solid white;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
@@ -49,7 +51,7 @@
    background: black;
}
#sortable div {
-    width: 45px; height: 45px; float: left; margin: 6px;
+    width: 45px; height: 45px; float: left; margin: 6px 8px;
    border: 1px solid white;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
Modified: trunk/tests/visual/all.html
==============================================================================
--- trunk/tests/visual/all.html    (original)
+++ trunk/tests/visual/all.html    Mon Dec 22 09:12:26 2008
@@ -21,9 +21,8 @@
    $(function() {
        $("#accordion").accordion({ header: "h3" });
        $("#datepicker").datepicker();
-        var dlg = $("#dlg").remove();
-        $("#dialog").click(function() {
-            dlg.appendTo('body').dialog();
+        $("#dialog button").click(function() {
+            $("#dlg").clone().dialog();
        });
        $("#draggable").draggable();
        $(".draggable").draggable();
Modified: trunk/tests/visual/dialog.html
==============================================================================
--- trunk/tests/visual/dialog.html    (original)
+++ trunk/tests/visual/dialog.html    Mon Dec 22 09:12:26 2008
@@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
-    <title>Simple Dialog</title>
+    <title>Dialog Visual Tests Page</title>
    <link rel="stylesheet" href="all.css" type="text/css">
    <link rel="stylesheet" href="../../themes/base/ui.all.css"
type="text/css">
    <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
@@ -11,7 +11,13 @@
    <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
    <script type="text/javascript">
    $(function() {
-        var dlg = $("#dlg").dialog({
+        // Simple Dialog
+        $("#dialog button").click(function() {
+            $("#dlg").clone().dialog();
+        });
+
+        // Dialog with Buttons
+        var dlgbuttons = $("#dlgbuttons").dialog({
            autoOpen: false,
            width: 600,
            buttons: {
@@ -19,9 +25,10 @@
                Cancel: function() {}
            }
        });
-        $("#dialog").click(function() {
-            dlg.dialog('open');
+        $("#dialogbuttons").click(function() {
+            dlgbuttons.dialog('open');
        });
+
    });
    </script>
</head>
@@ -33,6 +40,15 @@
    <div id="dialog">
        <button>Open</button>
        <div id="dlg" title="Dialog Title">
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat.

+        </div>
+    </div>
+</li>
+<li class="plugin">
+    Dialog with buttons
+    <div id="dialogbuttons">
+        <button>Open</button>
+        <div id="dlgbuttons" title="Dialog Title">

</div>
</div>