The status bar is the little horizontal bar at the top of an iDevice that displays network connectivity, time, battery and so on. By default a Sencha Touch application packaged with PhoneGap Build will just inherit the native behaviour of the iOS status bar. In the most recent iOS updates the default behaviour of the status bar changed, which would cause it to overlay our applications rather than being separated from the application entirely. This caused a problem where Sencha Touch was not taking this change into account and if we were to have a toolbar with buttons at the top of the application, the status bar elements would overlay parts of our interface. The community quickly provided a few workarounds to this, my favourite being to include the following code: ```javascript if (Ext.os.is.iOS && Ext.os.version.major = 7) { Ext.select(".x-toolbar").applyStyles("height: 62px; padding-top: 15px;"); } My apologies to the creator of this fix, I like to give credit but I can't track down who I got this from.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blog, twitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.