Grids come in all shapes and sizes. Along with grids come column sizing options. Using Xamarin Forms, column size options come in Auto, Pixel and Star *

Let’s talk about them.

Grid columns that are on Auto take up the space needed for the largest item in that column.

Grid columns that are a certain Pixel size are the column width of the number of pixels selected.

Grid columns sized by star sized, that star means portion size – as the page takes up all the mobile screen space available, each star is like a portion of the available space.  In the below example, each of the columns have 1* worth of space, so they’re all equal.

In the next image, uses Star for the column settings and this shows how the column sizes change based on the number of * in each column.

Column sizes can be changed around based on what needs each page has.

Designer Trak for Xamarin Forms allows for grids within grids while designing your next mobile app!

The days of wishing for a WYSIWYG Xamarin Forms designer are a thing of the past! Feast your eyes on Designer Trak for Xamarin Forms NOW!

Designer Trak for Xamarin Forms