start

sets the top (vertical resizing) or left (horizontal resizing) initial relative position of the 'resize' marker

Example

var resizeStick = webix.ui.resizearea({
        container:"box",
        dir:"x",
        start:240,
        ...
});

The code example below allows you to coincide the 'resize' marker and event positions:

• webix.html.pos(e).y - the vertical event position (y-coordinate of a point where the event occures)
• webix.html.offset(parentContainer).y - the y-coordinate of the top left corner of the parent container

var parentContainer = document.getElementById("resizeDiv");
 
webix.event(parentContainer,"mousedown",function(e){
     res = webix.ui.resizearea({
           container:parentContainer,
           dir:"y",
           eventPos:webix.html.pos(e).y,
           height: 5,
           start:webix.html.pos(e).y-webix.html.offset(parentContainer).y,
           width: parentContainer.offsetWidth,
           border: 1
     });
})

Back to top