Floating movable window

Webix JS
1

How can I create a window/modal box which can be movable only in x or y direction which should occupy either full width or height, so that it can be slide by touching or using mouse.

2

Please check

http://webix.com/snippet/92ea2d4f

You can use position property to define sizing logic of the window.

  position:function(obj){
   // take full width
    obj.left = 10; obj.width  = obj.maxWidth-20;
  },

As for drag-n-drop, while it possible to limit dnd to one direction only it is rather complicated. It is much more easy to fix the position of window after drag-n-drop as shown in the above snippet.

3

I was trying to show/hide the window from right hand side. Is there a way to add sliding effect like the multiview to the window when show/hide?.

4

We have a not published yet article about this use-case, I have sent you a private message with link.

5

Thank you.