• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    This module has been deprecated and is no longer supported by the module author.

    Resize (gallery-resize) on cdn

    Last Updated: 09/3/12

    Matt Parker

    YUI Contributor

    See 1 more by this user.

    Created: 03/21/10
    Last CDN Push: 05/21/10
    Build Tag: gallery-2010.05.21-18-16
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.7.0pr1
    Free for use.

    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...

    • Tags:
    • plugin
    • mattatlamplight
    • resize
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    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.

    Code Sample

    <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
        });
     
    });

    Forum Posts

    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