You can make your Web site mimic a native iPhone application by launching the C1ViewPort control or the C1LaunchPad control in full-screen mode, which removes the URL text bar at the top of the screen and the button bar at the bottom of the screen. When full-screen mode is engaged, only a status bar will appear on the top of the screen (see Minimizing the Status Bar).
Note: In order to enable the full-screen mode on an iPhone or iPad, you must follow these steps to add the Web page to the iPad/iPhone Home Screen:
1) Hit the +button at the bottom button bar.
2) Select Add to Home Screen.
3) Add your Web page to the Home Screen.
4) Tap the newly created Home Screen icon.
In Design View
Complete the following steps:
1. Select the C1ViewPort or C1LaunchPad control.
2. In the Properties window, set the FullScreenCapable property to True.
In Source View
Add FullScreenCapable=”True” to the
<cc1:C1ViewPort> tag or the
<cc1:C1LaunchPad> tag. The markup will resemble one of the
following:
<cc1:C1LaunchPad runat="server" ID="C1LaunchPad1" FullScreenCapable=”True”>
<cc1:C1ViewPort runat="server" ID="C1ViewPort1" FullScreenCapable=”True”>
In Code View
Complete the following:
1. In Design view, double click the page to enter Code view. This will also add a Page_Load event to your project.
2. Complete one of the following:
•For a C1LaunchPad control, add the following to the Page_Load event:
C1LaunchPad1.FullScreenCapable= True
o C#
C1LaunchPad1.FullScreenCapable= true;
•For a C1ViewPort control, add the following to the Page_Load event:
C1ViewPort1.FullScreenCapable= True
o C#
C1ViewPort1.FullScreenCapable= true;
3. Run the program.
This Topic
Illustrates the Following:
Now that you’ve set the FullScreenCapable property to True, your Web site will appear in fullscreen like a native iPhone application when loaded from the Home screen.