ipad popup test
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="example">
<a href='#' data-bind='click:showWindow'>Show Window</a>
</div>
JavaScript
var viewModel = kendo.observable({
showWindow: function(e) {
e.preventDefault();
var content = 'Helloooooooo!!!!! <button id="btnClose" data-bind="click:closeWindow">Close</button>';
var idBase = new Date().getTime();
var kendoWindow = $("<div class='radoloDialog tip hover' id='" + idBase + "'/>").kendoWindow({
title: false,
resizable: false,
modal: false,
draggable: false,
actions: {},
deactivate: function() {
//lets make sure we get rid of the whole thing
this.element.closest(".k-window").remove();
}
});
var win= kendoWindow.data("kendoWindow").content(content).open();
var innerVM = kendo.observable({
closeWindow: function(e) {
win.close();
}
});
kendo.bind(kendoWindow, innerVM);
}
});
kendo.bind($("#example"), viewModel);