Distorted view of fields in Android Device

[sc12]

Hi!

So I tried running my mobile app on Livecode and the layout and everything looks fine on Livecode, however, when I plugged in my Android device and run the app on it, my label fields get cut off. I tried reducing the size of the font but this makes reading hard on livecode. To add on, the font size would look stretched and increased on my Android device. I would attach images to this post after I have hit the target of posting 10 posts!

Does anyone have any idea on how to resolve this issue?

Thanks a lot!

[jacque]

Are you using fullscreenmode? If so, choosing the wrong display option will cause stretching like that.

To allow for different font metrics on Android, make the fields wider than necessary so there's room on other platforms.

[kdjanz]

To increase the size of the stack on your computer, you can use scaleFactor. It will scale things up on your screen but will not affect it on your device when you build a standalone.

Code: Select all

-- Preview the stack appearance on a high-density display
set the scaleFactor of stack "myApp" to 1.5

Just type the command in the message box to try it out.

Good Luck

[sc12]

Are you using fullscreenmode? If so, choosing the wrong display option will cause stretching like that.

To allow for different font metrics on Android, make the fields wider than necessary so there's room on other platforms.

Yup I'm using fullscreenmode, I tried showAll and it worked on my Android device, thanks! So I have to manually use different options of fullscreenmode for various types of mobile devices?

[FourthWorld]

What does your layout look like? Can you post a screenshot?

[jacque]

I almost always use showAll. Sometimes noBorder works better for landscape orientation. The other options aren't very useful on mobile.

You don't need different modes for each device if you're okay with occasional black bars around the card when the screen ratio is different. If you set the stack's backcolor to the same color as the card then the empty surrounding areas will blend into the design and you won't see black bars.