Custom View: Resizable, Movable

Webix JS
1

Greetings!

I’d like to create a simple absolutely positioned div tag that is movable and resizable (somewhat like JQueryUI movable / draggable).

I’ve looked at the docs and sample that describe creating a custom view. Any suggestions on start-up examples? I’m mostly interested in how to add it to an existing node and having it survive render calls. I would be adding it to the content of a Gridview cell.

I’ve ruled out using the ‘window’ widget - too heavy for this requirement.

Many Thanks,

Bruce

2

Hello,

As to drag-n-drop, Webix offers special API for turning simple HTML elements into draggable objects. You can find the information in this documentation article and in API reference section.

Please, check the following snippet: http://webix.com/snippet/8ccd0cf5

As to resizing, unfortunately, there’s no ready-made solution and you will have to create a custom resize handle and process mouse events.

3

Thanks very much, Helga!

I’d seen one of the drag-drop samples, but your snippet is much more helpful for my cause!

I the resize should be pretty easy given my needs - I really appreciate your help.

Regards,

Bruce