Kendo Window w/ Close Button

by VtoCorleone

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<script id="my-modal" type="text/x-kendo-template" />
        <div id="test">
        <label>Test content</label>
        <br />
        <button id="close" type="button">Close</button>
    </div>
</script>

<div id="lonely"></div>

JavaScript

(function ($, undefined){
    var t = $('#my-modal').html();
    
    $('#lonely').append(t);
    
    debugger;
    var m = $('#test').kendoWindow({
        title: 'Kendo Modal',
            width: '450px',
            resizable: false,
            modal: true,
            actions: []
        });
    
    var setWindowProps = function(){
        m.data('kendoWindow').center().open();
        
        m.find('#close').click(function(){
            m.data('kendoWindow').close();    
        });
    };
    
    setTimeout(setWindowProps, 1000);
           
    //$('#close').on('click', function(){
    //   m.data('kendoWindow').close();
    //});
})(jQuery);