Skip to content

ResizableControl

MikhailTymchukDX edited this page Apr 29, 2016 · 2 revisions

ResizableControlExtender (demo)

ResizableControl is an extender that is attached to any element on a web page and allows a user to resize that control with a handle attached to the lower-right corner of the control.

Properties

Name Description
HandleCssClass The name of the CSS class to apply to the resize handle
HandleOffsetX X-Offset to apply to the location of the resize handle
HandleOffsetY Y-Offset to apply to the location of the resize handle
MaximumHeight Maximum height of the resizable element
MaximumWidth Maximum width of the resizable element
MinimumHeight Minimum height of the resizable element
MinimumWidth Minimum width of the resizable element
OnClientResize Fires when the element has been resized
OnClientResizeBegin Fires when resizing the element starts
OnClientResizing Fires on resizing the elemen
ResizableCssClass The name of the CSS class to apply to the element when resizing
Size Size of the target

Client properties

Name Description
handleCssClass The name of the CSS class to apply to the resize handle
handleOffsetX X-Offset to apply to the location of the resize handle
handleOffsetY Y-Offset to apply to the location of the resize handle
maximumHeight Maximum height of the resizable element
maximumWidth Maximum width of the resizable element
minimumHeight Minimum height of the resizable element
minimumWidth Minimum width of the resizable element
resize The Resize event handler
resizeBegin The ResizeBegin event handler
resizing The Resizing event handler
size Size of the target (of the form {width, height})

Client events

Name Description
resize Fires when the element has been resized
resizeBegin Fires when the element starts being resized
resizing Fires as the element is being resized

Client properties

handleCssClass

The name of the CSS class to apply to the resize handle

Getter name: get_handleCssClass()
Setter name: set_handleCssClass(value)

handleOffsetX

X-Offset to apply to the location of the resize handle

Getter name: get_handleOffsetX()
Setter name: set_handleOffsetX(value)

handleOffsetY

Y-Offset to apply to the location of the resize handle

Getter name: get_handleOffsetY()
Setter name: set_handleOffsetY(value)

minimumWidth

Minimum width of the resizable element

Getter name: get_minimumWidth()
Setter name: set_minimumWidth(value)

minimumHeight

Minimum height of the resizable element

Getter name: get_minimumHeight()
Setter name: set_minimumHeight(value)

maximumWidth

Maximum width of the resizable element

Getter name: get_maximumWidth()
Setter name: set_maximumWidth(value)

maximumHeight

Maximum height of the resizable element

Getter name: get_maximumHeight()
Setter name: set_maximumHeight(value)

resizing

The Resizing event handler

Getter name: get_resizing()
Setter name: set_resizing(value)

resize

The Resize event handler

Getter name: get_resize()
Setter name: set_resize(value)

resizeBegin

The ResizeBegin event handler

Getter name: get_resizeBegin()
Setter name: set_resizeBegin(value)

size

Size of the target (of the form {width, height})

Getter name: get_size()
Setter name: set_size(value)

Client events

resizing

Fires as the element is being resized

Add event handler method: add_resizing(handler)
Remove event handler method: remove_resizing(handler)
Raise event method: raise_resizing()

resize

Fires when the element has been resized

Add event handler method: add_resize(handler)
Remove event handler method: remove_resize(handler)
Raise event method: raise_resize()

resizeBegin

Fires when the element starts being resized

Add event handler method: add_resizeBegin(handler)
Remove event handler method: remove_resizeBegin(handler)
Raise event method: raise_resizeBegin()

Clone this wiki locally