diff options
| author | Richard Worth <rdworth@gmail.com> | 2009-01-30 04:59:41 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2009-01-30 04:59:41 +0000 |
| commit | 252e24d9d90c5bbefb3bb266f92631a35c935386 (patch) | |
| tree | b9e7d70d5f65b43622c2e0403db765cf39b41731 /tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html | |
| parent | 256ea0670aa32054661a2d2f44d1748ea8f9eb97 (diff) | |
| download | jquery-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_maxWidth_150.html')
| -rw-r--r-- | tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html new file mode 100644 index 000000000..24ab3de92 --- /dev/null +++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html @@ -0,0 +1,27 @@ +<!doctype html> +<html lang="en"> +<head> + <title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxWidth 150</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', + maxWidth: 150 + }); + }); + </script> + <style type="text/css"> + #resizable { width: 100px; height: 100px; background: silver; } + </style> +</head> +<body> + +<div id="resizable">Resizable</div> + +</body> +</html> |