I have built an app using HTML, CSS, JavaScript, jQuery, jQueryMobile. I am using PhoneGap build to compile the build. I am using Dreamweaver to develop. The app has a fixed menu at the bottom of the screen using position:fixed. This works well in both iOS and Android. When testing in Windows Phone 8 (Nokia Lumia 520) the app has a space under the menu.
From the research I have done so far there is allot of bad advice on the web. From what I can see is there is nothing wrong with the HTML, or CSS. The problem comes from the fact that the Windows Phone is expecting there to be an Applicaiton Bar at the bottom of the app. So the fixed menu sits on top of this missing menu.
http://msdn.microsoft.com/en-us/libra...
One workaround is to make the viewport the exact height of the viewport. But this will only work on a per device scenario, so it cant be used to release an app.
I have had to resort to finishing the app using the windows phone SDK with WP7 phonegap template. I have removed the regular fixed position footer menu and replaced it with a WP7 native menu. This is now working well.
However having to build the app in the SDK makes it pointless to build a Windows Phone app with phonegap build.
To make phonegap build usable again the phantom ApplcationBar will need to be removed from the final build.
From the research I have done so far there is allot of bad advice on the web. From what I can see is there is nothing wrong with the HTML, or CSS. The problem comes from the fact that the Windows Phone is expecting there to be an Applicaiton Bar at the bottom of the app. So the fixed menu sits on top of this missing menu.
http://msdn.microsoft.com/en-us/libra...
One workaround is to make the viewport the exact height of the viewport. But this will only work on a per device scenario, so it cant be used to release an app.
I have had to resort to finishing the app using the windows phone SDK with WP7 phonegap template. I have removed the regular fixed position footer menu and replaced it with a WP7 native menu. This is now working well.
However having to build the app in the SDK makes it pointless to build a Windows Phone app with phonegap build.
To make phonegap build usable again the phantom ApplcationBar will need to be removed from the final build.







