Response title
This is preview!
- Screen name: nienberg
nienberg's Profile
1 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- I have a web app that I converted from jQTouch to jQuery Mobile and it works beautifully in browser mode on iPhone, but when I use the Add to Home Screen feature I have a problem. When it runs in this mode the header bars are partly hidden by the phone's status bar at the top. My workaround is to set a margin-top for the ui-header class, but then it looks a little silly in browser mode. Is there a way to get proper behavior in both modes?
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css">
- <title>TM Data</title>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
- <script src="//ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
- </head>
- <body>
- <!-- Home -->
- <div data-role="page" id="home">
- <div data-theme="b" data-role="header">
- <h3>TM Data</h3>
- <a data-role="button" href="#setupHelp" data-icon="gear" class="ui-btn-right" data-transition="flip">Setup</a>
- </div>
- <div data-role="content"> ....
Let me know if screen shots would help.
Thanks,- «Prev
- Next »
Moderate user : nienberg
