Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


    • Create BookmarkCreate Bookmark
    • Create Note or TagCreate Note or Tag
    • DownloadDownload
    • PrintPrint
    Share this Page URL
    Help

    Full Screen > Styling the Webapp

    Styling the Webapp

    Apple provides us some other meta tags to style our webapp. First thing we can change is the status bar color (at the top of the screen) using the meta tag apple-mobile-web-app-status-bar-style accepting values of default (gray), black, and black-translucent. The latest option will be a transparent black area, so it will take part of our jQuery Mobile’s header color. In Figure 8-9 we can see the three values at work:

    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    Here we can see different status bar styles applied on the same page

    Figure 8-9. Here we can see different status bar styles applied on the same page

    Warning

    If we are using a black-translucent status bar style, we will have available the full height of the browser. That means that the status bar will float over our web page. If we are not using fixed toolbars and we don’t leave 20 pixels at the top, it may create a bad experience.


      

    You are currently reading a PREVIEW of this book.

                                                                                            

    Get instant access to over
    $1 million worth of books and videos.

      

    Start a Free Trial