[Solved] Kendo UI Popup window drag and drop

[koteswararao]

Hello all,

I am using kendo window as a popup for displaying the data and I would like the user to allow drag the window from one place to another in the page. But this is not working fine. When dragging, window is not capturing the mouse events, hence mouse is some where else and window is some where else.

I am attaching the screen shots.

My code as follows:

Declaration:

<div id="kendopopupAddContact" style="display: none;">

                    @{

                        @(Html.Kendo().Window()

                    .Name("window_AddContact")

                    .Width(1000).Draggable(true)

                    .Events(e => e

                        .Close("ContactWindow_close")

                           )

                     )  

                    }

 </div>

Initialization:

wndNewContact = $("#window_AddContact").kendoWindow({

            actions: ["Close"],

            Title:"Test",

            Events:"onKeyPress",

            content: url,

            visible: false,

            dragable:true,

            modal: true

            //minHeight:300,

            //height:300

        }).data("kendoWindow");

Opening:

wndNewContact.open();

I am unable to find the another solution.

Can any one help me please???

Thanks in advance...