Skip to content
Permalink
Browse files

tests/visual: adjusted the formatting a bit. Separated dialog tests i…

…nto simple dialog and dialog with buttons
  • Loading branch information
rdworth committed Dec 22, 2008
1 parent 3522a23 commit 594ae9261b0cef4520a934838b3af477da7bde0a
Showing with 31 additions and 14 deletions.
  1. +9 −7 tests/visual/all.css
  2. +2 −3 tests/visual/all.html
  3. +20 −4 tests/visual/dialog.html
@@ -7,7 +7,7 @@ ul.plugins {
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 @@ li.plugin {
-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 @@ li.plugin {
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 @@ li.plugin {
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;
}
@@ -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();
@@ -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,17 +11,24 @@
<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: {
Ok: function() {},
Cancel: function() {}
}
});
$("#dialog").click(function() {
dlg.dialog('open');
$("#dialogbuttons").click(function() {
dlgbuttons.dialog('open');
});

});
</script>
</head>
@@ -37,6 +44,15 @@
</div>
</div>
</li>
<li class="plugin">
Dialog with buttons
<div id="dialogbuttons">
<button>Open</button>
<div id="dlgbuttons" title="Dialog Title">
<p>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.</p>
</div>
</div>
</li>
</ul>

</body>

0 comments on commit 594ae92

Please sign in to comment.
You can’t perform that action at this time.