This is a migrated thread and some comments may be shown as answers.

kendo gantt in mobile UI

2 Answers 73 Views
Gantt
This is a migrated thread and some comments may be shown as answers.
Kok Tong
Top achievements
Rank 1
Kok Tong asked on 11 Nov 2015, 12:50 PM

hi, is it possible to instantiate a kendo gantt in mobile UI? If yes, any demo for that?

Thanks

 

2 Answers, 1 is accepted

Sort by
0
Kok Tong
Top achievements
Rank 1
answered on 11 Nov 2015, 12:54 PM

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>

0
Accepted
Dimitar Terziev
Telerik team
answered on 12 Nov 2015, 02:33 PM
Hello,

Here is a dojo snippet showing the usage of gantt widget in a mobile application.

Regards,
Dimitar Terziev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Gantt
Asked by
Kok Tong
Top achievements
Rank 1
Answers by
Kok Tong
Top achievements
Rank 1
Dimitar Terziev
Telerik team
Share this question
or