sergio vazquez
Posts: 0
Joined: Mon May 26, 2014 5:01 pm

Image size

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 Image

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Image size

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.

sergio vazquez
Posts: 0
Joined: Mon May 26, 2014 5:01 pm

Image size

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.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Image size

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.

sergio vazquez
Posts: 0
Joined: Mon May 26, 2014 5:01 pm

Image size

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

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Image size

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.

sergio vazquez
Posts: 0
Joined: Mon May 26, 2014 5:01 pm

Image size

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

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Image size

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.

Return to “Issues”