Categories
Development

PhoneGap with jQuery Mobile iOS 7 iPad Broken Display

I made a little iOS app using PhoneGap (Cordova 3.0) and jQueryMobile 1.3.1. All was working well in my xCode simulators as well as when testing out on my iPhone with iOS 6.x. But when xCode 5 and iOS 7 arrived I sadly noticed that my app was now not displaying correctly on the iPad simulators when running iOS 7.

Broken Avalon AppThis one had me stumped for quite some time. I hadn’t changed anything, so clearly something had changed with the iOS 7 update. After much research and quite frankly guessing it appears that the iPad under iOS 7 is measuring the device width and height a bit differently than it had in iOS 6, thus throwing off the CSS that was laying out this app.

Luckily a fairly simple change to the meta viewport tag was all that was needed to set things bad in order.

Removing  ‘width=device-width, height=device-height’ from the viewport meta seemed to set things back in order for me.

I’m not sure if this causes any conflicts elsewhere, but so far I haven’t found any (it’s quiet, almost too quiet).

 

 

Categories
Development

Dashcode

 Dashcode

Finally got around to messing around with creating a dashboard widget using Dashcode. Wow, the whole interface had a polish on it that you don’t find in most software, especially IDE’s. Very smooth, clean, and can pretty much just drag and drop anything that you like.

It makes creating certain types of widgets extremely simple. I made a quick RSS feed based widget in just a few minutes, with no tutorial. Eventually I had to tweak some .js and .css files a bit by hand, but that was very easy to get too as well.

I’m very much impressed with Dashcode, and won’t give a tutorial as there are already many great one’s online.  It’s a great tool, now I just have to come up with some cool ideas for gadgets.

If you run OS X 10.4.3 or higher feel free to download: