Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-18777

Hide browser controls in PDA portal on iOS Safari



    • Type: (Deprecated) Contributed Patch
    • Status: CLOSED
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.7.1, 2.8.0
    • Component/s: Mobile Devices, Portal
    • Labels:
    • CLE Team Issue:


      Feature request o hide the URL bar and controls from the portal/pda view - this will affect Safari on iPhone OS only, but is a step in the right direction for a proper mobile device experience.


      As part of optimizing your web application for Safari on iPhone OS, have it launch in full-screen mode to look like a native application. When using full-screen mode, Safari is not used to display the web content?specifically, there is no browser URL text field at the top of the screen or button bar at the bottom of the screen. Only a status bar appears at the top of the screen. Read "Changing the Status Bar Appearance" for how to minimize the status bar.

      Set the apple-mobile-web-app-capable meta tag to yes to turn on this feature. For example, the following HTML displays web content in full-screen mode.

      <meta name="apple-mobile-web-app-capable" content="yes" />
      You can determine whether a webpage is displayed in full-screen mode using the window.navigator.standalone read-only Boolean JavaScript property.

      If your web application displays in full-screen mode like that of a native application, you can minimize the status bar that is displayed at the top of the screen on iPhone OS. Do so using the status-bar-style meta tag.

      This meta tag has no effect unless you first specify full-screen mode as described in "Hiding Safari User Interface Components." Then use the status bar style meta tag, apple-mobile-web-app-status-bar-style, to change the appearance of the status bar depending on your application needs. For example, if you want to use the entire screen, set the status bar style to translucent black.

      For example, the following HTML sets the background color of the status bar to black:

      <meta name="apple-mobile-web-app-status-bar-style" content="black" />

        Gliffy Diagrams





                • Assignee:
                  steve.swinsburg Steve Swinsburg
                  steve.swinsburg Steve Swinsburg
                • Votes:
                  0 Vote for this issue
                  1 Start watching this issue


                  • Created:

                    Git Integration