Search Page Grid Spacing and Padding

[jason-klein]

When you open the HelpSGF app on a high resolution emulator or device, the main Search Page (12 icons) looks just fine. When you open the app on a low resolution emulator (e.g. default emulator in Android Studio), the icons are extremely small because the Grid Spacing and Padding are hard coded to fixed pixel sizes.

Need to determine best way to set the Grid ColumnSpacing="50" RowSpacing="43" Padding="34" settings in HelpSGF/SearchPage.xaml code (e.g. use variable values such as percentages?). Will require reading up on best practices.

Here are a few potential resources discussed in #helpsgf channel in January 2019:

How to handle different screen sizes
https://forums.xamarin.com/discussion/82719/how-to-handle-different-screen-sizes

Xamarin.Forms 3 For You and Me
https://www.telerik.com/blogs/xamarin-forms-3-for-you-and-me

[jason-klein]

Myke pointed out this issue is caused by the extremely low resolution of the default Android Emulator and may not affect any real world devices. I am having trouble confirming the default resolution, but it could be the difference between 640x320 versus >1280x640 on most modern devices.

Can someone try to determine if any devices in the last 3-5 years (e.g. entry-level Android or iPhone) have an extremely low resolution display? Until you can demonstrate a specific device that would be affected, Myke says hold off on fixing this issue.