Ram
Posts: 0
Joined: Fri Aug 02, 2013 12:15 pm

Image display works fine when preview but not in mobile

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.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Image display works fine when preview but not in mobile

Hi Ram,

How do you launch your image?

Ram
Posts: 0
Joined: Fri Aug 02, 2013 12:15 pm

Image display works fine when preview but not in mobile

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

Ram
Posts: 0
Joined: Fri Aug 02, 2013 12:15 pm

Image display works fine when preview but not in mobile

Thanks Katya, that did it!

Ram
Posts: 0
Joined: Fri Aug 02, 2013 12:15 pm

Image display works fine when preview but not in mobile

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...

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Image display works fine when preview but not in mobile

Hi Ram,

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

Return to “Issues”