Cross Browser problem with Appery.navigateTo() in multipage template

[Edwin Schravesande6028557]

Hey there,

I'm sorry. The more I'm learning, the nastier my questions tend to get. But I was in sort of beta-testing this week, with some problems showing.

So I got this cross browser problem that users came up with, that I can replicate in IE 10. It cost me a lot of puzzeling to isolate the problem, but then I build a test setting to show the difunctioning part.

Here's the front end of the test app:
http://appery.io/app/view/56ec40aa-38...

I allready shared the back-end of this test environment with you guys for quite another problem.

So the thing is, you can perfectly browse from one page to another with this test app in Chrome. And it's not working in IE10. It's the combination of using Appery.navigateTo() and a multipage template.

Would this be like a bug you could solve? Or would you know some way around?

Thanx!

[Alena Prykhodko]

Hi Edwin!

Please tell us exactly how to reproduce this issue and we'll test.

[Edwin Schravesande6028557]

For this sample app I just

• go to App Settings / General

• select 'Render all pages in one HTML file (jQuery Mobile multi-page template)' in

• build two pages

• put a button on the first one

• use the event tab to select an action on the click on the button

• select 'Run Javascript'

• type this Javascript

  Appery.navigateTo('NamePage2');
  // (or whatever the second page is called).

  Then save and publish. Works perfectly for most browsers, but not for a number of not-very-obscure browsers like the IE10 I got running here.

  I'm not much of a front-end hero, but I guess there's at least an alternative in regular jQuery or Javascript, without using your Appery function?

[Alena Prykhodko]

Thanks. Seems to be a bug. Will be fixed asap.
As workaround you can use Navigate to Page action.

[maxkatz]

The Appery.io function is a wrapper for standard jQuery Mobile navigation call. Try doing a jQuery Mobile navigation call directly. This is most likely IE10 issue as it runs in other browser. Also do keep in mind that your app will be running on a mobile device, not on IE10.

[Illya Stepanov]

Hi Edwin -- what version of Internet Explorer are you used? I mean exact number like: 10.0.9200.16660

[Edwin Schravesande6028557]

That's the one, 10.0.9200.16660CO.

Can you not reproduce it on your side? I had a testgroup where some 25% got stuck on this problem, though I didn't exactly document the platforms they used. But it's not that obscure a problem I guess.

I actually do plan to make an (classroom) app that's both for mobile, tablets and laptops.

I sort of understand about this function being a wrapper, and I kind of grew into using that. I'm not that much of a coder besides what I learned on your platform here. Anyway, doing without the wrapper I guess I should construct something with this dollar sign refferences? I'm having a hard time finding some reference to the exact syntax on our internet. Could you give me a clue?

[Edwin Schravesande6028557]

ehhm... I still didn't quite corner my problem I see. So I do have this test app to show you this problem, (http://appery.io/app/view/56ec40aa-38...). Building this it appeared to be working when the multipage template was unflagged, and not when it was flagged.

Unfortunately, this doesn't mean my own application is working when I unflag the multi template. So I guess I didn't quite get the problem exactly framed.

I'm back to teaching again, but if you could tell me whether this test app I build is indeed not functioning on a IE platform your side, and give me a clue to how I reffer to a page without the Appery wrapper, I guess that would be the next steps to really understand what's going wrong.

[Maryna Brodina]

Hello! Unfortunately it's a bug. We'll fix it. Sorry for inconvenience.

[Maryna Brodina]

Hello! Bug should be fixed now.