How to limit draggable/window movement?

[gultor]

Hi All,

Is there any way to limit draggable/window movement only within it's parent?
Specifically, constraint movement just like jqueryui does using containment: "parent" option.

Thanks for your help.

[stworthy]

Set 'inline' property to true to stay inside its parent.

[gultor]

Thanks stworthy for your response.

I tried, but it only hide part of the window if it cross its parent. If the window title is accidentally hidden, then we will lost control and cannot move the window again.
What I want is it never cross the parent, so all the window is visible inside the parent. Is that possible?

Thank you.

[stworthy]

The 'onMove' event fires while the window is being moved. A solution to control the window position is to write some code in 'onMove' event.

Code:

$.extend($.fn.window.defaults, {
	onMove: function(left,top){
		if (left<0){
			$(this).window('move',{
				left:0
			});;
		}
		if (top < 0){
			$(this).window('move',{
				top:0
			});;
		}
	}
});

[gultor]

Thank you very much. It works like a charm