Matt Parker![]()
Resize uses the same config options as YUI2.x, and looks and behaves much the same. It's written as a plugin.
If you're used to 2.x you'll want to read about wrapping elements: that's the only thing that's different. See the examples for more, but the bumper sticker version is: we don't do wrapping. You'll need to wrap images, textareas, inputs, selects and iframes yourself, with a div or something.
Otherwise, the API from 2.x will do you.
There's a couple of example on github to get started...
The default options for Resize are the same as for YUI2.x resize; you get long handles on the right, bottom, and bottom-right. You can use all the config options that existed for YUI2.x, except wrap.
You can't plugin Resize to elements that can't take child html nodes - images, textareas, iframes, select, and inputs.
<script src="http://yui.yahooapis.com/3.7.0pr1/build/yui/yui-min.js"></script>YUI({
//Last Gallery Build of this module
gallery: 'gallery-2010.05.21-18-16'
}).use('gallery-resize', function(Y) {
Y.one("#myElement").plug( Y.Plugin.Resize );
// or with some config options
Y.one("#myOtherElement").plug( Y.Plugin.Resize, {
handles: ["tl", "br" ],
proxy: true,
animate: true,
draggable: true,
hiddenHandles: true,
hover: true
});
});| Subject | Author | Date |
|---|---|---|
| Works great | Lauren Smith | 03/25/10 |
| Introduction to Resize by Matt Parker on YUIBlog | Eric Miraglia | 03/25/10 |
| does not seem to be working properly on IE | Levan | 03/26/10 |
| Re: does not seem to be working properly on IE | Matt Parker | 03/27/10 |
| Re: does not seem to be working properly on IE | Matt Parker | 03/27/10 |
| Re: Works great | Matt Parker | 03/27/10 |
| Problems registering resizable element | Marco Asbreuk | 06/15/10 |
| Re: Problems registering resizable element | Matt Parker | 06/15/10 |
| Re: Problems registering resizable element | Marco Asbreuk | 06/15/10 |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info