PDA

View Full Version : CR Mobile Shopper 2012



themightychris
26 Jun 2011, 7:55 PM
Using Sencha Touch, PhoneGap, and ShopSavvy's ScannerKit SDK we were able to develop this app for the Android and iOS markets simultaneously:
- https://market.android.com/details?id=org.ConsumerReports.MobileShopper2012
- http://itunes.apple.com/us/app/consumer-reports-mobile-shopper/id441421142?mt=8

Since this app is non-free I will not be able to share the web URL or code unfortunately =[

jujuo
26 Jun 2011, 8:23 PM
Oh very interesting !!
And compared to your previous application what is different ? I mean you didn't use Sencha Touch and Phonegap before or ?

themightychris
26 Jun 2011, 8:29 PM
Last year's edition was a fully-native iPhone app and not available for Android devices.

AbhishekKanitkar
22 Jul 2011, 5:30 AM
Did you get the issue "White or Blank screen displays after splash screen & before loading on index.html page for half a second & then the actual content is shown" ?

If yes, then what solution did you use for it ?

Please let us know, as many are facing this issue.

Thanks in advance !

themightychris
23 Jul 2011, 11:46 AM
I mitigated the gap between the PhoneGap splash screen and the sencha app loading by including a file called init.css at the top of my HTML, just before the massive SASS-generated sencha touch css file.

All init.css includes is a background color for body. Set the body background to a dark color and you should never see a white flash.

In another app, I hard-coded <body class="loading"> into the HTML and then ran Ext.getBody().removeCls('loading') after my viewport was rendered. Then in init.css I used the selector body.loading to apply my splash image as the body background. This resulted in there just being a momentary flicker of my dark background color between a continuous view of the splash image until the app fully loaded