dialog: changed shadow default to false. Not quite ready to be on by default. Maybe in 1.next.

This commit is contained in:
Richard Worth 2009-01-31 05:47:58 +00:00
parent 272391bd2f
commit 9f382c5814
6 changed files with 110 additions and 55 deletions

View File

@ -22,6 +22,7 @@ var defaults = {
modal: false,
position: 'center',
resizable: true,
shadow: false,
stack: true,
title: '',
width: 300

View File

@ -1,27 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<title>Dialog Visual Test : Dialog option modal false</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
modal: false
});
});
</script>
</head>
<body>
<div id="dialog" title="Dialog Title">
<p> Dialog Content </p>
</div>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title>Dialog Visual Test : Dialog option modal false</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
modal: false
});
});
</script>
</head>
<body>
<div id="dialog" title="Dialog Title">
<p> Dialog Content </p>
</div>
</body>
</html>

View File

@ -1,27 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<title>Dialog Visual Test : Dialog option modal true</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
modal: true
});
});
</script>
</head>
<body>
<div id="dialog" title="Dialog Title">
<p> Dialog Content </p>
</div>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title>Dialog Visual Test : Dialog option modal true</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
modal: true
});
});
</script>
</head>
<body>
<div id="dialog" title="Dialog Title">
<p> Dialog Content </p>
</div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<title>Dialog Visual Test : Dialog option shadow false</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
shadow: false
});
});
</script>
</head>
<body>
<div id="dialog" title="Dialog Title">
<p> Dialog Content </p>
</div>
</body>
</html>

View File

@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<title>Dialog Visual Test : Dialog option shadow true</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
shadow: true
});
});
</script>
</head>
<body>
<div id="dialog" title="Dialog Title">
<p> Dialog Content </p>
</div>
</body>
</html>

View File

@ -522,7 +522,7 @@ $.extend($.ui.dialog, {
modal: false,
position: 'center',
resizable: true,
shadow: true,
shadow: false,
stack: true,
title: '',
width: 300,