CSS animation works well in Appery simulator but not on iPhone

[Ram]

Dear All,

I created a small project that does the following:

1. load the index.html page

2. show some CSS animation
   2.1 load the jqm project while showing the CSS animation

3. show the startScreen

   the above is working well in the Appery simulator as shown here

   my problem is that when i test the same project in iOS device (iPhone 5 iOS 7) the animation is visible for a frame or two and then gone and after a few seconds the startScreen shown.

   Any thoughts how to make it work in the mobile device too?

   (i email the public link to support)

   Many thanks in advance!
   Best,
   R.

[Maryna Brodina]

Hello! Working on it.

[Maryna Brodina]

You add animation in index file and do pre< meta http-equiv="REFRESH" content="0;url=startScreen&#46;html" /pre in the same file - it's not correct
PhoneGap has special plugin for a splash screen http://docs.phonegap.com/en/2.9.0/cor... (for now you can do that only through xCode). By the way after the nearest November release you'll be able to upload images through builder.

[Ram]

Hi Maryna,
thx much for your reply, i', using it for a web app so phonegap wont help me on this... i do understand your point re animation on same page but whats make me wonder is how it works well in the pc browser...

anyways... thanks much for your help.

Best,
R.

[Maryna Brodina]

[quote:]how it works well in the pc browser[/quote] most likely there're might be some problems with loading page in browser.

[Ram]

if you mean "some problems with loading page in browser" as in the PC browser then thats not the case, see console while loading

[Kateryna Grynko]

Hi Ram,

We mean browser features, not errors. Your approach is not perfect. Another browser can display it another way.

[Ram]

if only i was perfect....

[Ram]

is it possible to show a CSS animation instead of the Ajax spinner?

[Maryna Brodina]

Hi, please take a look here https://getsatisfaction.com/apperyio/...