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

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

3 Answers 22 Views
AppBuilder Windows client
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
M Kumar
Top achievements
Rank 1
Iron
Veteran
M Kumar asked on 19 Feb 2013, 03:24 AM
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>

3 Answers, 1 is accepted

Sort by
0
Stefan Dobrev
Telerik team
answered on 19 Feb 2013, 10:28 AM
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.
0
M Kumar
Top achievements
Rank 1
Iron
Veteran
answered on 21 Feb 2013, 03:19 AM
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
0
M Kumar
Top achievements
Rank 1
Iron
Veteran
answered on 21 Feb 2013, 04:31 AM
hi Stefan

i have updated the kendo ui now all seems good
Tags
AppBuilder Windows client
Asked by
M Kumar
Top achievements
Rank 1
Iron
Veteran
Answers by
Stefan Dobrev
Telerik team
M Kumar
Top achievements
Rank 1
Iron
Veteran
Share this question
or