[SonamGyato]

trying to get my webapp working on ios7.

This “full-screen” workaround…is that available in v2.2

or do i have to upgrade to v2.3.

thanks.

[support-michael]

In the Saturday update (http://www.genuitec.com/support-genuitec/viewtopic.php?p=20440#p20440) I shared that ios7 mobile safari has serious issues with webclips (webapp save to homescreen). At this time there are no workarounds for these fundamental problems. There are numerous bugs with apple on the webclip/fullscreen issues.

A short list off top of my head:
– tel:, sms:, mail: URLs are non-responsive; basically you can not open another app from a webclip
– app cache appears broken from a webclip (that is cause for issues like back button failing after 1st run)
– alert dialogs are goofed
– homescreen webapps are randomly replaced by other webapps
…

I will share more details on the ANN forum later today about a planned mobione update to address iO7 compatibility but it will be limited to apps only until apple updates mobile safari with fixes for the webclip problems.

[SonamGyato]

After doing some research, it seems that ios7 does have full htlml5 support.

Maybe things are a little bit different – but looks like tools like Mobi have to adapt to it.

Please do NOT take this the wrong way.

But I think a solution from Mobi will be much faster than waiting for the next ios7 update.

[SonamGyato]

Another possible solution is Google Chrome app.

I just tested my webapp on it and besides 2 problems – seems
to be fully functional.

– cannot save app to homescreen

– horizontal blank bar at bottom (about 20-30px high)

i’m pretty sure the 2nd can be solved easily.

just throwing some suggestions out there…

[DinoCrivelli]

Hi

As suspected it is not a bug. There seem to be pure Intention.

I produce webapps, which can be used as a small company Portraits. A category, named contact, should provide the ability to make a phone call, write a mail or recommend the app via email or by SMS. So these functions are inactive in the webclip mode under iOS7. but as already described, only when I replacements the full Screen. otherwise, most functions are available.

So I thought that I create a new page (webclip) for the rubrics “contact” and I simply disable the Fullscreen mode. Then I link the Main App (webclipp with fullscreen) to the contact-App (without Fullscreen) and… no Chance…

When I view the contact-app with the desired functions separately and save as a webclip (save to homescreen), all required functions work perfectly (phone, sms, mail). But if I use a link from my mainapp on the same contact-app, the adress- and toolbar to be suppressed, and the functions are once again deactivated. the same if I put a link to an external Website… no Adress- and no taskbar. the user has no chance to move.

The trend of web clips was very big. I do not understand why apple maybe fighting against this trend. I can not imagine that Apple wants to force an large industry, to apply the new safari browser. probably it is so, which apps that are not downloaded from the store, may no longer look like apps. therefore the functions are retained when you turn off the full Screen.

I feel sorry for all webapp developer.

I have a great desire to mobione. unfortunately, the new dynamic address- and Toolbar in Safari iOS7 does not work in mobione web clips. This remains static. maybe you can look at the next update that the function is available? or can anyone help me with the code?

and as always. sorry for my english. I hope you have understood my translatet text.

best regards

[mazhong77]

I am having display issues with IOS7 update, everything else in my app works fine in IOS7 except after I took a picture using app, then every page was shifted up about a 1/8 of inch and the top half of the title bar of the page was hidden behind IOS7 little bar (with Carrier and signal information) and stayed that way. My app includes GeoLocation, Camera and Local storage. Please help!

[support-michael]

@mazhong77
Will investigate tomorrow (thur).
What iOS device(s) are you using?
Can you post a screenshot?

[mazhong77]

This happens only after I try to take a picture, regardless if I clicked save or cancel, the screen started to shift up, and it happened to all the pages. The code for taking picture is simple and shown below:

function onPhotoDataSuccess(imageData) {

var myImage = document.getElementById(‘m1-PH-image1’);

myImage.style.display = ‘block’;

myImage.src = “data:image/jpeg;base64,” + imageData;

var ImageVal = document.getElementById(‘image’);

ImageVal.value = imageData;

}

function capturePhoto() {
findLocation(); //Find location of picture.

// Take picture using device camera and retrieve image as base64-encoded string
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 60, targetWidth: 300, targetHeight: 400, correctOrientation: true,
destinationType: destinationType.DATA_URL });
}

Attachments:

You must be logged in to view attached files.

[mazhong77]

I am using iPhone 5 with iOS7. It used to be working fine on iOS6.

[support-michael]

Thanks for the pic – definitely worth a 1000 words. I am able to replicate the layout/status bar issue as you describe. It is due to a quirky issue in the Cordova/PhoneGap 2.2 api. Our plan is to post a mobione update later today that provides access to a more recent version of Cordova/PhoneGap and this problem is not present. I have already tested the new update on your scenario to confirm the issues is fixed. We will post a notice here when the mobione update is ready. After updating to the new version you will need to rebuild your app.

[SonamGyato]

Usinfo,

Thanks for your post.

You’re saying that if I disable full screen mode (i.e. remove the line from the html page) –
then everything works.

I’ve got a webapp that i’m trying to work under ios7.

[SonamGyato]

Wayne,

May I make coupla sugggestions.

Can we have a separate thread dedicated to just ios7 and webapps because that
seems to be the issue right now.

I read from your accouncement that mobi is offering eclipse pro license.

I’m not familiar with the prodoct.

1. How and why would that work w/ iios7 when mobi doesn’t – does that take a different approach.

2. Can I use my existing javascript code for that.

What’s your recommendation for people who have webapps out there at this
time.

I do not want to go native because that means the app store and the apple fees.

Thanks.

[DinoCrivelli]

@everest

yes, i have I have disabled the checkbox for fullscreen
which line under html I should delete?

a relaxing day ;o)

[SonamGyato]

@usinfo

I haven’t tried it .

and am using Mobi v2.2 – so there’s no full-screen checkbox.

can you generate your app with and without the checkbox
and see what line it changes in app.html.

i would think it’s

<meta name=”viewport” content=”initial-scale=1.0, maximum-scale=1.0, user-scalable=0″/>

[mazhong77]

Wayne,

Thanks so much for your quick response and potential fix. I am looking forward to testing it when it is ready.

[Author]

Posts