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

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • FAQ
  • Developer FAQ
  • Developer Guide
  • Module Setup

Tag Cloud

event yql nzakas plugin table css greghinch ericf datatable form model jafl caridy lsmith animation satyam davglass async io liferay node solmsted apipkin foxxtrot widget

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.

    Resize (gallery-resize) on cdn

    Last Updated: 04/11/10
    + 1 -

    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.1.0
    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:
    • resize
    • mattatlamplight
    • plugin
    • 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.1.0/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-2011 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