Documentation

ui.resizearea

Visualization and handling resize movements.

Not purposed for direct initialization. Check Ui.resizearea. Common tips article for more detailed description.

Constructor

    var resizearea = webix.ui({
        view:"resizearea", 
        container:"mydiv", 
        ...config options goes here..
    })
    //or, in case of jQuery
    $("#mydiv").webix_resizearea({
        ...config options goes here..
    });
Methods
attachEvent attaches the handler to an inner event of the component (allows behaviour customizations)
blockEvent temporarily blocks triggering of ALL events of the calling object
callEvent calls an inner event
define redefines a single configuration property (or a hash of properties)
detachEvent detaches a handler from an event (which was attached before by the attachEvent method)
hasEvent checks whether the component has the specified event
mapEvent routes events from one object to another
unblockEvent cancels blocking events that was enabled by the 'blockEvent' command
Events
onResize occures when the user moves the 'resize' cursor
onResizeEnd occures when the user ends moving the 'resize' cursor (releases the mouse button)
Properties
border enables border around resize area
container html element to which area will be attached
cursor which cursor to show during resize
dir sets the direction of resizing
eventPos the top (vertical resizing) or left (horizontal resizing) absolute event position.
Setting a pure number value doesn't make any sense.
height vertical size of resizing area
id the component ID
on allows attaching custom handlers to inner events of the component
start sets the top (vertical resizing) or left (horizontal resizing) initial relative position of the 'resize' marker
width horizontal size of resizing area
Other
config all options from initial component configuration
name indicates the name of the component (a read-only property)
Back to top