search

DataZombies / jQTouch

jQT extensions jqt.activityIndicator, jqt.bars (with numeric badges), jqt.checkGroup & jqt.segmentedControl.Get updates via Twitter http://twitter.com/HeadDZombie. If you find this fork useful please make a donation via PayPal (http://tinyurl.com/2fpmx27). See below for demo links.
MIT License
159 stars 34 forks source link

Black Tabs #86

Closed acb1980 closed 12 years ago

acb1980 commented 12 years ago

Hi,

today I tried to create a new tab bar app and everything is working fine in Safari on iPhone/iPad/Mac. But if i open the app as a fullscreen app from the Homescreen, I only get black screens for each tab. I tried a lot of things, also to open the main_tabbar demo, but it's the same problem every time. Any idea?

DataZombies commented 12 years ago

Hmmm, that's unusual. Try using weinre or iWebInspector to inspect your app. Make sure that your URLs are right, and the permissions are correct.

acb1980 commented 12 years ago

I also thought about the URL being right, and to be shure they are, I completly rewrote the app. Now it works fine with Safari on iPhone/iPad/Mac and also fine as fullscreen app on iPad/Mac (iPhone Simulator). But it does not work on my iPhone 3GS. I still have black tabs if I open the app from the Homescreen and it's the same if I switch between the tabs...

I think I will try to access the app from different iPhones and report again.

DataZombies commented 12 years ago

Try cleaning out the device's cache.

acb1980 commented 12 years ago

Thank you, that was the solution for my iPhone. But I still don't know what caused this black tabs. Could it be, that if there is any dead link (perhaps an < a > tag that refers to a < div > which is not in the DOM) the app "crashes" with those black tabs?

Anyway, I found a little bug in the themes/apple/theme.css. The < small class="counter" > has rounded edges if it is displayed in a < ul class="rounded" >. But in "edgetoedge", this isn't working. You need to add an "!important" behind line 475 which defines the border radius to get rounded edges.

Another issue that I have now, is that I can't get my forms working. I want to submit them with POST which works, but the page I load this way freezes when it is displayed. So I can't scroll or tap any link except the links on the tab bar. Is this a known issue or should I open a new thread?

DataZombies commented 12 years ago

"Could it be, ..." Nope. The issue was the URL for the images in the tabbar you were using

"...I found a little bug in the themes/apple/theme.css.." Which apple theme? There's one for jQT, jqt.bars, jqt.checkGroup and jqt.segmentedControl.

"Another issue..." All I can suggest on this is that you check out the AJAX example in ./demos/main and ./demos/main_tabbar