For example, user inputs width and height values to tell the widget to resize to that dimension. How to implement this?
I use for this following code:
function resize(target, new_width, new_height){
var $wrapper = $(target).resizable('widget'),
$element = $wrapper.find('.ui-resizable'),
dx = $element.width() - new_width,
dy = $element.height() - new_height;
$element.width( new_width );
$wrapper.width( $wrapper.width() - dx );
$element.height( new_height );
$wrapper.height( $wrapper.height() - dy );
}