JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div id="mywindow"></div>
<button id="go" type="button">Go</button>
JavaScript
$("#mywindow").kendoWindow({
actions: ["Close"],
content: {
url: "/foo",
type: "POST",
data: {
q: "test",
}
},
iframe: true,
draggable: true,
visible: false,
modal: true,
resizable: false,
title: "Testing 1, 2, 3",
width: "800px",
height: "800px"
}).data("kendoWindow");
$("#go").click(function() {
$("#mywindow").data("kendoWindow").open();
});