kendo gantt in mobile UI

3 posts, 1 answers
  1. Kok Tong
    Kok Tong avatar
    2 posts
    Member since:
    Jun 2015

    Posted 11 Nov 2015 Link to this post

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

    Thanks

     

  2. Kok Tong
    Kok Tong avatar
    2 posts
    Member since:
    Jun 2015

    Posted 11 Nov 2015 Link to this post

    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>

  3. Kendo UI is VS 2017 Ready
  4. Answer
    Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 12 Nov 2015 Link to this post

    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!
     
Back to Top