ResizableControlExtender - DevExpress/AjaxControlToolkit GitHub Wiki

Demo Page

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)

maximumHeight

Maximum height of the resizable element

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

maximumWidth

Maximum width of the resizable element

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

minimumHeight

Minimum height of the resizable element

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

minimumWidth

Minimum width of the resizable element

Getter name: get_minimumWidth()Setter name: set_minimumWidth(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)

resizing

The Resizing event handler

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

size

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

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

Client events

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()

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()