[SonamGyato]

Wayne,

This thread will be about my attempt to get my webapp
working as much as possible under iOS7.

I understand I have to disable full-screen. Done.

The other problem I have is that the BACK button is not
working as it should.

BACK, as you know, does history(-1).

Will it work as it should, under non-full-screen mode.

[SonamGyato]

I’ve disabled full-screen mode.

Have only 1 webapp installed.

The BACK button stops working after sometime.

What’ll happen if i change the code for BACK button
to a slide. Will that cause problems with the history
stack.

[SonamGyato]

I’ve replaced the BACK code with navigation slide-right.

With some code changes, it seems to be working.

I’m using checkboxes (the slide left-right blue ones ON/OFF) –

in ios7 – they’re oversized.

Wayne any quick fix for those (like a css tweak).

[support-michael]

>in ios7 – they’re oversized.

That indicates something is goofed. I reran our test cases using 2.5M2 in a webapp (full screen disabled). The toogle widgets were normal size. There was an earlier issue in our dev stream where toggles were extra large but it was fixed.

Please verify that you are using mobione ver 2.5M2?

[SonamGyato]

I’m using v2.2.

How compatible is the latest code with this version.

Can 2 versions of mobi co-exist.

I think it’s a css definition issue – would it be possible
for me to fix it manually in the css file.

Attachments:

You must be logged in to view attached files.

[support-michael]

>I’m using v2.2.

Please upgrade to the latest 2.5M2 version which does not have this issue.

>How compatible is the latest code with this version.

We only tested and updated 2.5M2 for iOS 7 issues such as the toggle sizing. It is hard to say about other changes. We try to maintain compatibility across versions as much as we practically can. I’m not sure if this matters in your case but definitely ver 2.2 will not longer work with App Center as noted here: http://www.genuitec.com/support-genuitec/viewtopic.php?f=2&t=5872

[SonamGyato]

I was able to get the same behavior in google chrome browser.

So chances are it’s a css /js issue and not specific to ios7.

I’ll look into it tomorrow if i can fix it manually.

If not, will the 2 versions of mobi co-exist.

[SonamGyato]

I looked at the app.css file and if i comment out the following – it works fine.

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)
{
.m1-toggle input[type=’checkbox’]{
-webkit-background-size: 149.0px 27.0px;
background: transparent url(res/images/on_off_2x.png) -55.0px 0px no-repeat;
}
}

I’m getting the lower rez. image – but that’s fine.

Wayne, if you know of a small edit to the above that’ll make it work on
hirez devices – i’d appreciate that.

[SonamGyato]

This post is for other webapp developers.

I’m using Mobi 2.2.

I was able to get my webapp to work as follows:
– changed BACK button code to transition SLIDE_RIGHT
– removed the above css code for checkboxes.

In my app, I’ve got basic functionality now.

What’s not working (as documented before)
– in app dialing
– alert dialogs

I think these 2 could be related because both require a dialog
popup.

I guess we wait for word from Apple now.

[SonamGyato]

Another update to getting webapps to work with iOS7.

In my webapp there’s 2 critical features not working
– alert messages not being displayed – so error messages etc not showing
– tel#/email not working.

I fixed the first issue by adding a custom html/js dialog.

The kludge I had to put in was that I had to add the dialog like panel on
all my pages – so that was kinda cumbersome – but i did it.

The javascript code is relatively simple.

I’d be happy to go into details if there’s a demand.

So except for dialing – my app is working fine now!!

[Author]

Posts