Screen display problem

[jray8242]

How do I get my app to display like it does when I develop it?

My phone is a Samsung Galaxy s9, but I know others will have a different one. I never had this problem before with the old version.

Thanks for the help.

[TIMAI2]

Use some labels to introduce spaces between the buttons horizontally. There is not much you can do about the rounded corners on the buttons, unless you use an extension.

[NishyanthKumar]

Strange. Try setting btnAbout 's width in pixels, instead of using "automatic."

[Gordon_Lu]

You can use this extension.

How do I set corner radius of arrangement?

Someone once asked me for a similar extension: com.sunny.CornerRadius.aix (5.6 KB) MIT can redistribute this extension: I, vknow360 aka Sunny Gupta, attest that I am the author of the CornerRadius extension , grant that the extension included in this project is free and that MIT has a non-exclusive irrevocable license to republish the extension as part of the project file for the purposes of the MIT App Inventor Appathon 2023.

Sometimes, do not trust the Designer. You may see some spaces in the Designer, but when you test it out, the spaces are gone.

@TIMAI2

Use some labels to introduce spaces between the buttons horizontally.

Yes. My way is to use HorizontalArrangements as little spaces, with their width and height as 1 percent.

[ChrisWard]

@Gordon_Lu

My way is to use HorizontalArrangements as little spaces

It is better to use blank Labels since they are the least demanding of file size/logic and they can't make other components 'disappear' when dragging into position.

[ChrisWard]

Hello Jim

You can reduce the number of GUI components and get more reliable results across smart phone types with this approach:

ScreenLayout.aia (1.6 KB)

Note that, without using tiny text, the Button text labels you have are too wide for some phone types, in particular the 'Chocolate bar' smart phones. As you see above, I have avoided the issue by replacing 'Information' with 'Data'. You could also use 'Info' of course, but that would not necessarily translate well in other languages.

Concerning rounded corners on buttons, although I would prefer them, the phone manufacture/model/theme are the deciding factors. I think they are best left alone (you can try the other Screen themes in App Inventor).

Edit: 'Pre Checklist' could be 'Pre Check'. You might like to give the 'Exit' button a different colour i.e. red, which tends to be associated with program exit.

https://www.professorcad.co.uk/appinventortips#TipsGui

[jray8242]

Thank you to everyone that responded and thank you for not making this old man feel stupid. LOL

Jim

[jray8242]

I changed it to Percentage. Is using Pixels better?

Thanks

[NishyanthKumar]

Sorry, I meant pixels/percentage. Neither of them is better; it all boils down to convenience.

[jray8242]

Good to know. Thanks