How to open a Window from a button

[Greg Gum]

I have created a window as below.  How do I open this window from a button click?  I have set visible to false so it doesn't show at start up.  How do I then show this window from a button?

@(Html.Kendo().Window()
.Name("kendoWindow") //The name of the window is mandatory. It specifies the "id" attribute of the widget.
.Title("Login") //set the title of the window
.Content(@<text>
This is my window.
</text>)
.Draggable() //Enable dragging of the window
.Resizable() //Enable resizing of the window
.Width(600) //Set width of the window
.Modal(true)
.Visible(true)
)

Greg

[Alexander Popov]

Hi Greg,

Basically when a Window is initialized its Name is used as and ID for the div containing the information about the widget. This allows you to do the following:    

@(Html.Kendo().Window()
.Name("myWindow") //The name of the window is mandatory. It specifies the "id" attribute of the widget.
.Title("Login") //set the title of the window
.Content(@<text>
This is my window.
</text>)
.Draggable() //Enable dragging of the window
.Resizable() //Enable resizing of the window
.Width(600) //Set width of the window
.Modal(true)
.Visible(true)
)

<button onclick="openWindow()">Open Window</button>

<script>
  function openWindow(){
     var wdw = $("#myWindow").data("kendoWindow"); //get the Window widget's instance
     wdw.open();  //and call its open method
  }

</script>

Regards,
Alexander Popov
Telerik

[Greg Gum]

Thank you, this was very helpful.