In Unity, when building for the Windows Phone 8 (UNITY_WP8), the navigation bar on the bottom is not hidden by default - windows-phone-8

Quick note that I am making this thread as I could find no similar threads or answers and felt the need to document this.
Problem:
When building with Unity 5.2, in my case, for the Windows Phone 8 (not WSA) the game did not hide the navigation bar, with the back, menu and search buttons. This is a problem if the user's device does not have the navigation bar as hardware buttons.
You can then not hide the buttons after the game launches, causing it to always block the lower part of the screen in portrait mode.
The plugins I am currently using only support WP8, and not WSA, so upgrading was not a choice until the plugins I used release a new version with support for WSA.

Solution:
Open WMAppManifest.xml from the compiled solution created by Unity.
On the <App> tag, change the Genre tag to apps.games.
Example:
<App xmlns="" ProductID="{XXXXXX-XXXXXXXX-XXXXXXX-XXXXXX}" Title="My Game" RuntimeType="Silverlight" Version="1.0.0.0" Genre="apps.games" Author="Alex" Description="" Publisher="Alex" PublisherID="{XXXXXX-XXXXXXXX-XXXXXXX-XXXXXX}">
This will result in the Windows Phone hiding the navigation bar and notifiying the user that they can bring up the navigation bar by swiping upwards from the bottom of the screen.

Related

HTML content freezes when keyboard is shown using cordova for iOS

I have a cordova app where there is some input fields which requires the keyboard. But when the keyboard is open it's like the app is frozen. More specific, I have a div as a bottom bar which has a fixed position, but when the keyboard is opened, it can scroll, however when I close the keyboard, everything returns to the expected position. Any idea how to make it not freeze? This is only a problem on iOS. Android works perfect.
My app has the same issue, selecting an input field causes the keyboard to show up and severely lag the app until the keyboard is hidden. After testing simple pages with no scripts or css on multiple devices I found that it primarily affects iPads on at least iOS 8.0 and above. It can cause slowdowns on iPhones but they seem to recover a lot faster.
The best solution I've found so far is to setup an in app keyboard. For my login page, I have an element that is styled as an input field and when it is clicked, it toggles a keyboard div element to appear which has buttons for each key inside it.

elements display incorrectly on tablet browsers

I'm currently working on one of my first two projects and you can tell that I'm still at the beginning of my youtube-tutorials-&-SO-powered learning journey:
our neighbor's skin & beauty spa
Please don't be too harsh on my code :D I've hand-written everything from scratch in a little editor.
In short, everything seems to work A-OK on desktop computers (I tested FF and Chrome), but on the iPad and other tablets I'm experiencing nasty bugs - I'm having major trouble with two issues:
the Google Maps iframe is always visible (overlaps other
sections) on tablets even if the corresponding section isn't clicked
on in the menu, and I have no idea why! It seems that the
visibility:hidden on a position-fixed element isn't interpreted
correctly?
:focus works on the image gallery 'sneak peak', but
in the services section, the 4 sub-content areas are inaccessible.
(Unrelated?) When the page loads on my iPad (mini) the #logo_box
div appears at page load, but turns semi-transparent the very
instant as the map iframe appears.
EFFORT1: I removed the Google maps iframe-containing 'content' container altogether, and suddenly the :hover on the other content sections stopped working as well. This might be an indicator that something is 'linked' in a way that's not right...
EFFORT2: I assumed that the < label> is the culprit, but I can't pinpoint it. I tried this suggested solution, but it's for IOS4 (2011), and as Rob Fletcher commented last Feb., it doesn't work on IOS7.
EFFORT3: I feel that the .content div's {visibility:hidden/visible;} is causing trouble in the android mobile browser: input:checked hides instead of reveals the particular section while all others show.
Btw, how do I friggin' trouble-shoot tablets? I don't have any dev tool on ipad & android browsers.
Help is much appreciated!!
On iPad, you can go into the Settings App, then go Safari -> Advanced -> Web Inspector.
Then plug it into your Mac via USB and open Desktop Safari on the Mac. If you haven't already enabled the Develop menu, go Safari -> Preferences -> Advanced -> Show Develop Menu.
Then when you open a web page in Safari on the iPad, you can connect to it via the Develop menu on your Mac's Safari and use the web inspector.
If you're using Chrome on Android you can use remote debugging https://developer.chrome.com/devtools/docs/remote-debugging
Weinre provides similar functionality across more platforms (including Android native browser), but is a bit more involved to set up.

At Angular Navigation .Designs mixed in windows phonegap app

In All application two screens contents get mixed with each other at navigation.
In iphone and android it works fine but not in windows.
I am using angular js 1.2.3, cordova 2.9.1, angular-animate.min.js please help.
When i Click My club after that "home" screen contains and "my Club" screen contains get mixed with each other and then display "my Club" screen
Just Remove css position "Absolute" or "Fixed".
angular animation does't work with this css in windows phone or use jquery to set position fixed or absolute after page load

Different picture format - Image Viewer - WP8

I got pictures in the isolated storage and i want to display them as well as the WINDOWS PHONE APP does.
I would like to reproduce the same effect that the Windows phone app does when you open the camera roll and you scroll through the images..
I find it particularly difficult because of the image orientation (horizontal and the vertical ones). I fit the vertical ones, but as soon as there are an horizontal picture any fit procedure fails!
Example?
thank you
Take a look at the MediaViewer class in the Silverlight Basic Lens sample. http://code.msdn.microsoft.com/wpapps/Basic-Lens-sample-359fda1b

Increase click reaction time WP8 HTML5?

I am developing a game in HTML5 and have created a Windows Phone 8 HTML5 containter for it. The only problem I am having is with touch.
First there is a small circle that appears where I click.
Second is there a way to increase how quickly touches are detected?
Finally any way to disable scrolling in the web browser view?