the page is not fit in IOS simulator if i force for IOS design

4 posts, 0 answers
  1. M Kumar
    M Kumar avatar
    40 posts
    Member since:
    Apr 2008

    Posted 18 Feb 2013 Link to this post

    hi i force the kendo ui for IOS design
    it is working the same look in ios and in android simulators
    but why i have to scroll down to see the tabstrip in ios simulator
    why its is not fit in the screen

    https://sites.google.com/site/sivakltech/icenium_grphite_ios

    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <meta charset="utf-8" />
            <script src="cordova.js"></script>
            <script src="kendo/js/jquery.min.js"></script>
            <script src="kendo/js/kendo.mobile.min.js"></script>  
            <link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
        </head>
        <body>
            <div data-role="view" id="tabstrip-tree" data-title="Explorer">
                <h1>Explorer</h1>
            </div>

            <div data-role="view" id="tabstrip-search" data-title="Search">
                <h1>Search</h1>            
            </div>

            <div data-role="view" id="tabstrip-settings" data-title="Settings">
                <h1>Settings</h1>
            </div>

            <div data-role="layout" data-id="mobile-tabstrip">
                <header data-role="header">
                    <div data-role="navbar">
                        <span data-role="view-title"></span>
                    </div>
                </header>

                <div data-role="footer">
                    <div data-role="tabstrip">
                        <a href="#tabstrip-tree" data-icon="home">Explorer</a>
                        <a href="#tabstrip-search" data-icon="search">Search</a>
                        <a href="#tabstrip-settings" data-icon="settings">Settings</a>
                    </div>
                </div>
            </div>

            <script>
                var app = new kendo.mobile.Application(document.body, {  platform: "ios", transition: "slide", layout: "mobile-tabstrip" });
            </script>
        </body>
    </html>
  2. Stefan Dobrev
    Admin
    Stefan Dobrev avatar
    790 posts

    Posted 19 Feb 2013 Link to this post

    Hi Kumar,

    Can you please make sure you are using the latest version of Kendo Mobile in this project - 2012.3.1315? I have just created a new Kendo Mobile project (which uses the latest version of Kendo Mobile), pasted your HTML code and simulator is working as expected.

    Kind regards,
    Stefan Dobrev
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Pluralsight.
  3. M Kumar
    M Kumar avatar
    40 posts
    Member since:
    Apr 2008

    Posted 20 Feb 2013 Link to this post

    Hi Stefan Dobrev
    I am using icenium graphite, i thought all files are latest version in Icenium graphite project.
    can you tell me how to check the version info of kendo.mobile.min.js  in Icenium Grpahite project
  4. M Kumar
    M Kumar avatar
    40 posts
    Member since:
    Apr 2008

    Posted 20 Feb 2013 Link to this post

    hi Stefan

    i have updated the kendo ui now all seems good
Back to Top