Tuesday, November 28th, 2006

YUI Resizable Component

Category: Examples, Sencha, Yahoo!

<>p>Jack Slocum keeps ‘em coming with his detailed post on a reusable component for resizing elements.

Jack’s YAHOO.ext.Resizable component does what it says on the tin, and he shows you:

  • Basic Resizable div
  • Wrapped elements (e.g. text area inside)
  • Preserve Ration (e.g. image resizing)
  • Transparent Handles
  • Customizable Handles
  • Snapping to increments
  • Animated Transitions
javascript
< view plain text >
  1. var animated = new YAHOO.ext.Resizable('animated', {
  2.     width: 200,
  3.     height: 100,
  4.     minWidth:100,
  5.     minHeight:50,
  6.     animate:true,
  7.     easing: YAHOO.util.Easing.backIn,
  8.     duration:.6
  9. });

YUI Resizable

Related Content:

Posted by Dion Almaer at 7:38 am
6 Comments

++++-
4.1 rating from 59 votes

6 Comments »

Comments feed TrackBack URI

Jack Slocum does it again. Five stars ***** from me.

Comment by Kevin Hoang Le — November 28, 2006

Crashes my Safari :-/

Comment by Hallvar Helleseth — November 28, 2006

Very nice – works smooth as silk in Firefox 1.5.0.8

Comment by David Scott — November 28, 2006

Hallvar, it was the google ads crashing Safari. I removed them until I can figure out why.

Comment by Jack Slocum — November 28, 2006

Nice.

Comment by Dan — November 28, 2006

sdkzqabvlu

gyaarvpq cmjcntjeuc xoqyyrk hwejgiyajua

Trackback by bcxzgwdaqs — December 4, 2006

Leave a comment

You must be logged in to post a comment.