Class: Resizable {#Resizable}

Creates resizable user interface elements, stores and retrieves positions from cookies, and each instance is aware of neighboring instances so the resizable limits are dynamically set to avoid resizing over each other

Extends:

Drag

Demo

Resizable Method: constructor {#Resizable:constructor}

Syntax:

var myResizable = new Resizable(element, options);

Arguments:

  1. element - (element) The handle to control the resizing
  2. options - (obj) The Drag options plus the following:

Options:

Example:

centerBottomResize = new Resizable('handle',{
  invert: true,
  mode: 'vertical'
});

Resizable Method: set {#Resizable:set}

Directly resize the elements without dragging.

Syntax:

myResize.set(distance);

Arguments:

  1. distance - (number) The distance to resize the elements in pixels.

Returns:

This Resizable instance.