aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2009-01-30 04:59:41 +0000
committerRichard Worth <rdworth@gmail.com>2009-01-30 04:59:41 +0000
commit252e24d9d90c5bbefb3bb266f92631a35c935386 (patch)
treeb9e7d70d5f65b43622c2e0403db765cf39b41731 /tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
parent256ea0670aa32054661a2d2f44d1748ea8f9eb97 (diff)
downloadjquery-ui-252e24d9d90c5bbefb3bb266f92631a35c935386.tar.gz
jquery-ui-252e24d9d90c5bbefb3bb266f92631a35c935386.zip
resizable visual tests: added tests for aspectRatio, and combining aspectRatio with min and max height and width options
Diffstat (limited to 'tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html')
-rw-r--r--tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html26
1 files changed, 26 insertions, 0 deletions
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
new file mode 100644
index 000000000..e206245ff
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Resizable Visual Test : Default</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.resizable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#resizable").resizable({
+ aspectRatio: 'preserve'
+ });
+ });
+ </script>
+ <style type="text/css">
+ #resizable { width: 50px; height: 100px; background: silver; }
+ </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>