[htmluser]

Hi,
I created two HTML5 screens with Offline support. I navigate from Screen1 to Screen2 using <a href=”screen2.html”>. When bookmarked in iPhone (OS 3.0) and starting the application via main screen icon, screen 1 comes in Full Screen like native application but Screen2 opens in Safari and full screen functionality is lost. I have not used any <DIV> tags.

The same files however tested via MobiOne Test Center (V1.0, Milestone 9, update2), comes up in full screen for both screens. I tried in user agents for iphone version 3.2 and 3.0 with same end result. How is this functionality achieved in mobi one? Can you please let me know?

Below are the meta tags I have used to achieve full screen mode.

        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" href="icon.png"/>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        
        <script type="text/javascript">
        function hideAddressBar(){   
    window.scrollTo(0, 1);     }    
        </script> 

Thanks!!
Madhusudhan S

[wayne]

This week I’m drafting a tutorial for how to create an application page flow consisting of 2 or more designs. I’ll post a link back to this thread once it is ready.

A couple of things are happening:

1) By default the Test Center disables Strict Webclip Mode. Strict Webclip Mode cause the emulator to behave more like Mobile Safari which does not automatically support full screen apps. Strict Webclip Mode requires you to save a webapp to the home screen before safari will display it in full screen mode. This is a PIA for most users when they just want to get their designs worked out right. So we turn off Strict Webclip Mode by default. You can turn on that mode under the Test Center’s Browser menu.

2) By specifying an external webpage (screen2.html) then the framework is loading that page as if it is independent of your design. Currently if you want 2 or more designs (.mobi) to operate as part of the same app then use the Link property of any control to specify the design file to transition to when selected. Tutorial coming in a few days. In the meantime here is a brief 2 minute video that might be helpful http://www.youtube.com/user/Genuitec#p/a/u/1/thuL9q11rb0

Wayne
Genuitec Mobile Team

[Author]

Posts