Kendo Window Title
HTML
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2015.3.930/js/kendo.all.min.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css">
<div ng-app="foo">
<div ng-controller="MyCtrl">
<div>{{hello}}</div>
<div id="parent" style="margin:30px;background-color:yellow;width:300px;height:300px">
<div id="draggable2" style="width:50px;height:50px;background-color:red"></div>
<kendo-window id="draggable1" style="background-color:blue" k-width=100 k-height=100 k-visible=true></kendo-window>
</div>
</div>
</div>
JavaScript
angular.module("foo", ["kendo.directives"])
.controller("MyCtrl", function ($scope) {
$scope.hello = "Hello World!";
});
$(function () {
console.log("calling");
var draggable1 = $("#draggable2");
console.log(draggable1);
$("#parent").draggable();
draggable1.draggable({
containment: "parent"
});
});