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
>