Develop Reference

UI Element (Font, button, images) size issue on Mobile first platform Hybrid app on android devices

I am supporting a hybrid app built using IBM mobile first platform v7.1 and jQueryMobile framework in which we are facing UI element size issues on android platform. The font, button and all the other elements appearing too large on android app since last 2 weeks. However, the app was working fine few days back.This app is on google playstore and this issue persist over there as well
I don't know what has broken the app since nothing has been changed from the code perspective and its happening only on android OS version 6.0 and above. This might be an android OS version issue
Any Guidance or suggestions will be appreciated to identify the root cause or fixing the issue

Samsung S4 Update has completely disfigured phonegap application

I'm currently developing my final year project, which is due this month, using phonegap and the most recent update to the Samsung Galaxy S4 seems to have completely disfigured everything in my application.
Has anyone come across this issue before or have any idea how to fix this ASAP?
Thanks lots,
Paula

I have come across this when using phonegap and sencha touch. First thing to do is make sure you update your app to the current version of phonegap. Typically they will release new version along side of android.
If your still getting the issues after the phonegap update. I would suggest looking into what browser it is using. Several phone manufacturers put their own flavor into the web browser which can affect your code. I previously had an issue with htc do to the browser handling css differently. Android APIs are the same, some will use different browser code so you will have to test it against each to make sure it works.
I also believe phonegap allows you to modify what browser it uses. It may default to chromium now but in the past you could switch it depending on what api version it was.

why phonegap not showing images on android ICS (4.0.2)?

I've create an android aplication using phonegap and jquery mobile, when I test it from android version Gingerbread (2.3.3) everything is fine, but when I run my application on android phone with android version ICS (4.0.2), all images not showing. why my images not showing in android phone with ICS? and VideoRecording functions too not works in higher version well.
here is the sample code: http://pastie.org/4201837

I have also had a lot of issue with phonegap and ICS. The reason for this is due to the fact that their are a lot of Web View Bugs within the ICS firmware.
This is mainly due to the fact that Google want more native apps and therefore have not bothered properly supporting web view apps, such as phonegap.
They are slowly working through the more major issues. How are you currently displaying the images, like below?
<img src="test.png" />

Is PhoneGap slow or it is a bug?

After I have compiled and deployed the demo application to my Samsung Galaxy S II I noticed that the Sample PhoneGap App which comes with PhoneGap was not very responsive when pressing buttons and scrolling.
I also made a little app using PhoneGap and jQuery Mobile, with 4 buttons everything was ok, but when I added more than 7 and my viewport needed to be scrolled, scrolling become to be very slow, the more buttons/widgets I had the slower the srolling was.
Is this a bug specific to my mobile device or it is just how PhoneGap works:
The fact that PhoneGap apps feel slow on my phone including the demo?
EDIT:
The same PhoneGap app served by an HTTP server from my laptop and launched in the standard Android browser works very smoothly

Try setting your targetSdkVersion higher. Changing mine from "8" (i.e. Android 2.2) to "14" (Android 4.0) dramatically improved PhoneGap performance on phones running newer versions of Android. Most likely this enables certain performance-enhancing features such as hardware graphics acceleration.
For more info see my other answer about this here: https://stackoverflow.com/a/12397768/233370

Since PhoneGap and the frameworks that is used with it (JQM,Sencha Touch etc) are just working in a WebKit browser they can be slow if there's too much to render.
There's actually no bug with your device or etc.It's just that PhoneGap and the frameworks are not so good if you want fast response and so on.You can try your app in other devices and can observe that they behave the same.

I had the same Problems, after Update to Android 4.0.4 my Phonegap (Cordova 2.0.0) & Sencha Touch 2 - APP was very very slow.
But after I insert
super.appView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
the APP works fine, as before the update.
http://developer.android.com/guide/topics/graphics/hardware-accel.html

For improved performance you may not need Phonegap.
If what you need is quick cross platform styling but fast native components try a tool like nativecss.com It keeps the styling in CSS, but uses native components for everything else - so no HTML rendering delays or clunky animations.

Android 2.2 have scrolling issues with phonegap app?

I have a phone gap app.
When I test it out on 2.2 froyo, (on actual phone and in AVD) it refuses to scroll.
I've tested it out on 2.3.3 and it works perfectly. Are there issues with scrolling in the 2.2 version?
If so, is there a workaround to this?

Some PhoneGap examples include the following line in initialization code:
document.addEventListener("touchmove", preventBehavior, false);
This will disable scrolling on some devices. If your app includes it, try deleting (or commenting) it.