From the course: .NET MAUI Essential Training

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Solution: Change flex layout to grid

Solution: Change flex layout to grid - .NET MAUI Tutorial

From the course: .NET MAUI Essential Training

Start my 1-month free trial Buy for my team

Solution: Change flex layout to grid

“

(upbeat music) - [Instructor] Here's what I did to replace that flex layout with a grid. I created a grid, added a little margin and row spacing, just to spread things out a little bit. So the margin will be the space around the grid, and the row spacing will be the space between the rows. And then I defined two columns with proportional widths. So the left one's going to be about a third of the screen, and the right one will be two thirds. And then I've got six rows defined, where the fourth one is 10X what all the other ones are. And that's where I'm going to have my list of durations here, so I can force that particular row to be a lot bigger than the other ones. You can play around with the numbers, and see how it works on different screens and sizes. I've got my label and then I've got an entry, and notice on line 24 there where the entry is, I've added a grid.column equal one, so I'm going to put that in the right…

Contents