Skip to main content

Search and Top Navigation

#5426 open feature ()

Opened March 25, 2010 02:24PM UTC

Last modified July 09, 2013 08:26PM UTC

Resizable: Expose an API for programatically triggering a resize

Reported by: dalelarsen Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.8
Keywords: Cc:
Blocked by: Blocking:
Description

It would be nice to be able to tell the resizable plugin to resize an element to a specific size. This would take into account any other settings, such as aspect ratio, max height/width, also resize, etc. This should probably also trigger start, resize and stop events.

Attachments (0)
Change History (5)

Changed March 26, 2010 01:13AM UTC by scottgonzalez comment:1

description: I would like to see a change event for resizable. You could add width and height options which when you pass them in to the resizable object they trigger the change event which performs the resizing as specified by the object. There is a lot of functionality handled by resizable that should not need to be duplicated. Just alsoResize, animate, helper, and such are enough to want to have a change event so they are triggered with other resizes. \ \ Example: \ \ $('#myId').resizable({ \ handles: 'all', \ alsoResize: '#otherId, #anotherId', \ aspectRatio: true, \ animate: true, \ start: function(e, ui){ \ /*complex function*/ \ }, \ resize: function(e, ui){ \ /*complex function*/ \ }, \ change: function(e, ui){ \ /*complex function*/ \ }, \ stop: function(e, ui){ \ /*complex function*/ \ } \ }); \ $('#myId').resizable('option','width', 600).resizable('option','height', 350);//triggers the change eventIt would be nice to be able to tell the resizable plugin to resize an element to a specific size. This would take into account any other settings, such as aspect ratio, max height/width, also resize, etc. This should probably also trigger start, resize and stop events.
milestone: TBD1.next
summary: Change event for resizable with width and height valuesResizable: Expose an API for programatically triggering a resize

Changed March 15, 2011 09:39AM UTC by woodzu123 comment:2

_comment0: Any changes on that functionality? \ \ It would be great to be able to trigger "Resize" after init. \ \ for example: \ \ $( ".component" ).resizable( "option", "'''resizeTo'''", '''newWidth''', '''newHeight''' ); \ 1300181984623260
_comment1: Any changes on that functionality? \ \ It would be great to be able to trigger "Resize" after init. \ \ for example: \ \ {{{ \ \ $( ".component" ).resizable( "option", "'''resizeTo'''", '''newWidth''', '''newHeight''' ); \ \ }}} \ 1300182002840435
_comment2: Any changes on that functionality? \ \ It would be great to be able to trigger "Resize" after init. \ \ for example: \ \ $( ".component" ).resizable( "option", "'''resizeTo'''", '''newWidth''', '''newHeight''' );1300984559364802

Any changes on that functionality?

It would be great to be able to trigger "Resize" after init.

for example:

$( ".component" ).resizable( "resizeTo", newWidth, newHeight );

Changed October 03, 2012 05:01PM UTC by scottgonzalez comment:3

milestone: 1.next2.0.0

Changed October 28, 2012 01:32AM UTC by tj.vantoll comment:4

status: newopen

Changed July 09, 2013 08:26PM UTC by tj.vantoll comment:5

#9416 is a duplicate of this ticket.