i tried something like this but it is not working
<script>
var app = new kendo.mobile.Application(document.body,
{
transition:'slide'
});
</script>
<script src="js/kendoGantt.js"></script>
<div id="home" data-role="view" data-layout="default">
Hello Mobile World!
</div>
<div id="ganttTask" data-role="view" data-layout="default">
<div ng-app="KendoGantt" ng-controller="MyCtrl">
<div kendo-gantt k-options="ganttOptions"></div>
</div>
</div>
<section data-role="layout" data-id="default">
<header data-role="header">
<div data-role="navbar">My App</div>
</header>
<!--View content will render here-->
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="#home">Home</a>
<a data-icon="info" href="about.html">About</a>
<a data-icon="globe" href="#ganttTask">Gantt</a>
</div>
</footer>
</section>