YUI Library Examples: Resize Utility (beta): Proxy Resize

Resize Utility (beta): Proxy Resize

This example shows how to make a DIV resizable, using a proxy element.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.

Setting up the element that we are going to resize

We are just going to make the element #resize resizable.

Note that we have placed the CSS property overflow: hidden on the element to keep the text from escaping when we resize.

Creating the resize instance

To make use of the proxy element, simply pass proxy: true as part of the Resize configuration.

By default, the Resize Utility assumes that you want to resize the element from 3 handles. Right, Bottom & Bottom Right. You can change this by setting the handles configuration attribute. See the API docs for more information.

Copyright © 2008 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings