Forum | Appery.io

I ́m building an app for both android an ios (smartphones) but my problem is the screen size. I use 100% for my images and it works great in iOS and in an android "moto g" with kitkat 4.4. But when I try it out on an android 2.3 and 4.1 the images get streched.
Do you recomend only making it for android 4.4 or how can I format my images?

Thnx a lot

Hi Sergio.

If you need stretch image with "width" dimension you can use following solution:

1 Activate your image component in page design mode.

2 Image component properties side bar will appear.

3 Find "Dimensions" property and set there following values: "100%" "auto".

See details on screen shot: http://prntscr.com/3t7s3y/direct

Regards.

Thnx a lot. My app looks a lot better. All of my images look great, but I still have the same problem with the upper image "metepec pueblo magico", it still looks like streched out after changing it to auto.
Could it be because its on the upper banner area?

Thnx a lot for your response, it helped a lot.

Sergio,

It's hard to say what is wrong with your images.

Please give us your app public link and describe steps to reproduce your problem.

We will take a look after.

Thanks.

I think the problem could be because it ́s a button/link that takes me to the panel.
I don ́t think the link will help you because it works great, the same with the iOS version.
But here it is:
http://appery.io/app/mobile-frame?src...

Sergio,

I see in browser debuger following situation:

http://prntscr.com/3tkjnh/direct

So you have "width: null;" - style and it's not right.

Please replace this style with "width: 100%"

Regards.

Thnx, but the image in the link isn ́t the one with the problem, I already fixed these types of images with the info you gave me.
My problem is wtih the upper image "metepec pueblo mágico" that I ́m using as a button to open the panel. It ́s under "Templates" - "MetepecTemplate".
The dimensions are 100% and Auto.

Hi Sergio.

I've checked your image and it looks ok. See details on screen shot: http://prntscr.com/3ty33o/direct

Also in your image i see styles: width: 100%; height: 100%; But "height" style should be with "auto" value.

Note: I've used this link to test it: http://appery.io/app/view/6d0bf009-29...

Regards.