effect.Resize Class
Make component or DOM elements resizable
Item Index
Methods
Methods
addHandle
-
region
-
cssClass
Add resize handle to a region. A region can be nw,n,ne,e,se,s,sw or w.
A new DOM element will be created for the resize handle and injected into the resized DOM element.
Second parameter cssClass is optional.
Returns:
getCoordinates
()
Object
Returns coordinates for current drag operation, example: {left:100,top:100,width:500,height:400}
Returns:
setMinAndMax
()
private
Set min and max width/height based on aspect ratio
Attributes
maxHeight
Number
max height
Default: undefined
Fires event maxHeightChange
Fires when the value for the configuration attribute maxHeight
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
maxWidth
Number
Maximum width
Default: undefined
Fires event maxWidthChange
Fires when the value for the configuration attribute maxWidth
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
maxX
Number
max x position
Default: undefined
Fires event maxXChange
Fires when the value for the configuration attribute maxX
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
maxY
Number
max x position
Default: undefined
Fires event maxYChange
Fires when the value for the configuration attribute maxY
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
minHeight
Number
minimum height
Default: undefined
Fires event minHeightChange
Fires when the value for the configuration attribute minHeight
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
minWidth
Number
minimum width
Default: undefined
Fires event minWidthChange
Fires when the value for the configuration attribute minWidth
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
minX
Number
min x position
Default: undefined
Fires event minXChange
Fires when the value for the configuration attribute minX
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
minY
Number
min y position
Default: undefined
Fires event minYChange
Fires when the value for the configuration attribute minY
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
preserveAspectRatio
Boolean
Preserve aspect ratio while resizing
Default: false
Fires event preserveAspectRatioChange
Fires when the value for the configuration attribute preserveAspectRatio
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added:
useShim
Boolean
optional
Use shim
Fires event useShimChange
Fires when the value for the configuration attribute useShim
is
changed. You can listen for the event using the on
method if you
wish to be notified before the attribute's value has changed, or
using the after
method if you wish to be notified after the
attribute's value has changed.
Parameters:
-
e
EventFacadeAn Event Facade object with the following attribute-specific properties added: