5 Nov 2013 9:10 AM #11
Don't know if this would help, but you can get rid of the status bar and take the margin off of the viewport.
Small changes to the css can have surprising repercussions.
5 Nov 2013 9:19 AM #12
In response / addition to the previous comment, you can also use the StatusBar cordova plugin instead of the css margin, it allows you to setup the app so the status bar does not overlap the application, making it act like iOS6. There is one change you need to make in the CDVStatusBar.m code however that the developers are currently looking into.
I am seeing this behavior as well with no viewport meta tag at all. I resolved it (temporarily) by changing the else condition in CDVStatusBar.m’s setStatusBarOverlaysWebview method to re-initialize bounds to the webView’s bounds before manipulating it: // re-initialize bounds to the webView’s bounds bounds = self.webView.bounds; CGRect statusBarFrame = [UIApplication sharedApplication].statusBarFrame; bounds.origin.y = statusBarFrame.size.height; bounds.size.height -= statusBarFrame.size.height; self.webView.frame = bounds; [self.webView.superview addSubview:_statusBarBackgroundView];
5 Nov 2013 9:28 AM #13
Thanks for this, I'm perhaps being somewhat thick, but I can't find the CDVStatusBar.m file, I've expanded everything I can in XCode5 and I'm seeing under the Cordova project all kinds of CDV*.m files, but not the CDVStatusBar.m file... It's a standard Cordova 3 project, I've added device, notifications and vibrate and that's it. Do I perhaps need to add another plugin?
Sorry, this is probably really basic novice errors, but any help hugely appreciated!
5 Nov 2013 9:32 AM #14
did you add the StatusBar cordova plugin?
5 Nov 2013 9:33 AM #15
5 Nov 2013 9:49 AM #16
Please don't hate me for this, but where on earth is the StatusBar plugin? It doesn't seem to be on the docs.phonegap.com/en/3.0.0/ but I've found one that appears to be for Cordova 2.9 that's on https://github.com/apache/cordova-la...gins/statusbar but there's never any instructions as to how to install these things. I'm not an XCode user, I just have to build using sencha app build native for iPhone and Android and can run XCode to launch in the simulators so I'm a bit lost with the whole thing.
Sorry, it's so difficult if you're not an expert at all this stuff... I just can't afford to break anything as we've got 2 days before go-live and all this has come out of the blue with the display issues in iOS7 it seems...
5 Nov 2013 11:24 AM #17
It's one you need to add. See this blog post: http://cordova.apache.org/news/2013/...s-release.html
You can download it here: http://plugins.cordova.io/#/org.apac...dova.statusbar
or you can install it using their CLI (command line interface).
Included in the plugin package should be a README with instructions on how to use it.
You have these options for the config.xml:
<feature name="StatusBar"> <param name="ios-package" onload="true" value="CDVStatusBar" /> </feature> <preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarBackgroundColor" value="#000000" />
Hoping these updates fix the problems, good luck.
6 Nov 2013 8:27 AM #18
Thanks so much for your patience, I've got the Cordova StatusBar plugin installed using CLI (so easy when you know where to look!!). It's certainly helped solve the problem we had of overlapping status bar and I've been able to remove the CSS code that I added to resolve this from within the Ext.Viewport
Sadly this didn't fix the issue with the modal window and iOS7.... I wonder if there's a way to force the old keyboard from iOS6 to be used instead. I've seen this with a few apps (they seem to be native apps) so perhaps that would help. I'm not sure why it's happening, just seems to shunt up and across to the left this 20+px and then never realigns again unless I close the modal and open it again and all's fine... Very odd.
Thank you for trying to help me JL and Caballero!
6 Nov 2013 9:09 AM #19
No problem. The only thing I can recommend is to build your app against the iOS 6.x SDK instead of iOS7. That is what we've had to do, we are just now building against iOS7 and going through that process. You do this by setting the appropriate "Base SDK" under Build Settings in your Xcode project settings. You'll probably need to install the older SDK, here's some help on that: http://stackoverflow.com/questions/1...sdk-on-xcode-5
6 Nov 2013 9:24 AM #20
Problem... we're looking at getting this into the App Store and I've just read something about the app store won't approve older SDKs. I think we're going to have to sit it out until Sencha finds a solution.
Last edited by cydaps; 6 Nov 2013 at 9:49 AM. Reason: Adding update regarding SDK and app store..