Header overlap on mobile status bar...

Hello Everyone, We recently developing a mobile app on Mendix 6.10.2, When we test/publish it we have problem on the header. Header is overlapping to the mobile statusbar both on iOS and Android. Does anyone have solution for this? Image is attached for the reference.  
3 answers

The cordova statusbar plugin helps with this and is available in newer Mendix versions.

Check if your config file has the following lines:

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="StatusBarStyle" value="lightcontent" />
<plugin spec="https://github.com/apache/cordova-plugin-statusbar.git" source="git" />




Hello Mohamed, 

I had the same issue (Mendix 6.10.3) and I've solved that with replacing (removing) default Status bar plugin in PhoneGap package with the following workaround:
<plugin name="cordova-plugin-statusbar" source="npm" spec="https://github.com/timetocodeNL/cordova-plugin-statusbar.git#8b4acd2e56a01cd22a240668d3c269e129764b6b" />  
I think that if you use Xcode for creating .ipa files, this issue won't appear. In Mendix 7, you can use -Mobile features- widget in order to avoid this issue. 


Hello Schalk and David,

We will try the both solution as soon as possible and get back to you guys, because we still in the process of building the app. Thank you, appreciated.. :)