Page 1 of 1

Image display works fine when preview but not in mobile

Posted: Wed Aug 14, 2013 5:05 pm
by Ram

Hi All,

i have a web app which has a collapsible component with a custom CSS design, i replaced the PLUS & MINUS icons with my own ani.gif, when i preview the app in the appery mobile preview it looks awesome however when i open the same app in my mobile (iOS) browser the images aren't there...

any thoughts?

TIA!!
R.


Image display works fine when preview but not in mobile

Posted: Wed Aug 14, 2013 7:16 pm
by Kateryna Grynko

Hi Ram,

How do you launch your image?


Image display works fine when preview but not in mobile

Posted: Wed Aug 14, 2013 7:24 pm
by Ram

Hi Katya,

this is a part from the CSS asset that i use to replace the icons

precode background-image: url('http://madsenworld.dk/anigif/light/bullet.gif') !important;/code/pre


Image display works fine when preview but not in mobile

Posted: Wed Aug 14, 2013 7:42 pm
by Kateryna Grynko

Ram,

Try launching file as a local resource: http://docs.appery.io/javascript-api/...


Image display works fine when preview but not in mobile

Posted: Wed Aug 14, 2013 8:26 pm
by Ram

Thanks Katya, that did it!


Image display works fine when preview but not in mobile

Posted: Thu Aug 15, 2013 2:21 pm
by Ram

Dear Katya,

I'm sorry but i mislead you... it did do the trick in the way that the icon was loaded from the assets/image lib as a local resource, however the problem still remains, the image displayed beautifully in the Appery Mobile preview:

Image

and in my iSO (iphone 5) not so well:

Image

BTW - on my Lumia 920 its working well..

here's the public link to that test:

http://appery.io/app/mobile-frame?src...


Image display works fine when preview but not in mobile

Posted: Thu Aug 15, 2013 4:49 pm
by Kateryna Grynko

Hi Ram,

You would need to set up the style of image displaying: https://developer.mozilla.org/en-US/d...