I have added popupover's to any app on Ionic framework and it looks perfect in IOS but the popupovers are looking totally different and out of place on Android.
Any ideas why?
Here's a picture with screenshots taken from an Iphone and on the right an android phone.
This is most probably caused by the transitioning between the views. It is working differently according to the platform. This is usually causing differences between the Android view and the iOS view.
You can read more here - http://ionicframework.com/docs/api/provider/$ionicConfigProvider
Related
In our Game which we developed using Unity, we recently updated the IAP plugin to upgrade the Google Play Billing to v4. Now we have an android specific problem in our builds. In our android builds, the navigation bar becomes unusable when we start the mini slot games which we have used in our main game using WebView.
In the iOS builds, the navigation bar works perfectly. The problem is only in the android builds.
Would really appreciate if someone could help.
Thank you!
The uniWebView version used is most probably 3.18.1.
I tried changing Z-Index, embedding and iFrame of the navigation bar. I also tried tweaking with the uniwebview but ended up messing even more.
Updating the UniWebView to version 5 worked like a charm. :)
AN Ionic application am a working on is having some odd behavior when run in the iOS simulator (Xcode 7.2.1). My login screen when normally run looks like:
When editing the username field however, I see some sort of toolbar popup at the bottom:
Worse then that however is when I go over to the password field:
I thought at first that this may deal with the native WebView, but it only happens in the simulator. Not when run on the actual device or through ionic serve. Any ideas what is going on here? Why this odd behavior?
EDIT
Also, the app launches with the default Cordova splash screen even though I have set a splash with Ionic. Even so, it should be showing the Ionic splash as opposed to the Cordova one.
EDIT #2
Many times, the Cordova status bar fails to work and my status bar is black as opposed to white.
While this looks weird for you in iOS Simulator, and for me in Chrome's device emulator devtool, it's 'desired behaviour' in Ionic.
Ionic is designed with mobile focus in mind, so when emulating a mobile device, they hide elements to simulate the native keyboard.
Ionic wrote a blog post about this, in fact:
Getting the keyboard to play nicely with the web layer was challenging for several reasons. Probably the biggest issue is the variation in behavior across devices and platforms when the keyboard is shown.
In iOS, not only does the web view resize differently when the keyboard shows in versions 6.1, 7.0, and 7.1, but it is affected differently, and sometimes completely oppositely, by including or excluding the viewport meta tag. Throw support for tablets and landscape orientation into the mix and trying to make every scenario on every device work nicely can have you quickly creating three new issues for every one you fix.
The blog post goes on to say they wrote a Keyboard plugin for Cordova, which is supposed to perform keyboard related hiding and element changing as faster and more accurately. You can find that GitHub repo here.
Using jQuery mobile panel animations with PhoneGap, on the iPhone, the animation appears to happen in sections. Either the top half moves first and then the second half, or items with text move at a different time to everything else. Works fine on Android.
Anyone come across this before?
Thanks
We resolved this by using xCode to build the iPhone version rather than using PhoneGap. Looks like a PhoneGap issue.
I have an application made with ios phonegap in itunnes connect. When making a new version of the application I had to adjust it to iphone5. For this, I updated the version of phonegap to 2.8.0 and I have introduced the splash required for the application was validated to iphone5. Once in the itunnes connect the version 2 of the application I noticed that it looks bad on iphone 5 devices .The app is cut off at the bottom as shown in the image (white rectangle). In iphone 4 works perfectly as shown in the picture.
Does anyone know how to fix this issue? thanks!!
I finally found the solution to this problem. The HTML5 framework I was using (DHTMLX), has a problem that the new iphone5.
In this forum it is solved: http://forum.dhtmlx.com/viewtopic.php?f=22&t=27550
Unable to drag the spacetree in safari browser on IPhone simulator.
I tried below examples on my safari browser in IPhone Simulator.
http://thejit.org/static/v20/Jit/Examples/Spacetree/example1.html
http://thejit.org/static/v20/Jit/Examples/Spacetree/example2.html
http://thejit.org/static/v20/Jit/Examples/Spacetree/example3.html
Please help to perform drag on the hierarchy tree inside the safari browser on IPhone simulator.
I am using phonegap for my application to implement in IPhone but this hierarchy tree drag functionality itself not working in IPhone simulator browser since I can't run as mobile app.
Please help via code wise what I needs to change to run this code in Iphone!
There is no drag functionality, actually, it is just a click functionality. After some tests on the iPhone Safari browser I can report to you that it is working very well - spacing and animations are rendered perfectly.