This helps protect our community. Learn more

Design a Screen Using a Grid (3 of 18) | Building Apps with XAML and .NET MAUI

335K subscribers

3.3K views 1 year ago #visualstudio #softwaredevelopment

Welcome to the Building Apps with XAML and .NET MAUI series. Whether you are new to XAML or simply new to the XAML used in .NET MAUI, this series will show you how to start building a .NET MAUI app. In this episode, Paul designs a user detail screen using a Grid. Chapters 0:00 - Introduction 1:45 - Adding a Grid to a page 2:05 - Defining row and columns in a grid 3:10 - Locating page elements in rows and columns in the grid 3:55 - Specifying row heights and column widths 7:30 - Using Margins to control spacing around elements 10:30 - Using RowSpacing and ColumnSpacing to control spacing 11:55 - Using Padding to control spacing 15:40 - Wrap-up Recommended Resources .NET MAUI Docs: https://learn.microsoft.com/en-us/dot... Paul's code generator: https://github.com/PaulDSheriff/PDSC-... Sample code for this series: https://github.com/PaulDSheriff/VSToo... #visualstudio #softwaredevelopment

...more

Design a Screen Using a Grid (3 of 18) | Building Apps with XAML and .NET MAUI

44Likes

3,385Views

2023Dec 6

Introduction

0:00

Adding a Grid to a page

1:45

Defining row and columns in a grid

2:05

Locating page elements in rows and columns in the grid

3:10

Transcript

Follow along using the transcript.

Microsoft Visual Studio

335K subscribers

Design a Screen Using a Grid (3 of 18) | Building Apps with XAML and .NET MAUI

Chapters View all

Introduction

Introduction

Introduction

Adding a Grid to a page

Adding a Grid to a page

Adding a Grid to a page

Defining row and columns in a grid

Defining row and columns in a grid

Defining row and columns in a grid

Locating page elements in rows and columns in the grid

Locating page elements in rows and columns in the grid

Locating page elements in rows and columns in the grid

Specifying row heights and column widths

Specifying row heights and column widths

Specifying row heights and column widths

Using Margins to control spacing around elements

Using Margins to control spacing around elements

Using Margins to control spacing around elements

Using RowSpacing and ColumnSpacing to control spacing

Using RowSpacing and ColumnSpacing to control spacing

Using RowSpacing and ColumnSpacing to control spacing

Using Padding to control spacing

Using Padding to control spacing

Using Padding to control spacing

Microsoft Visual Studio

Design a Screen Using a Grid (3 of 18) | Building Apps with XAML and .NET MAUI

Comments 5

Chapters

Introduction

Introduction

Introduction

Adding a Grid to a page

Adding a Grid to a page

Adding a Grid to a page

Defining row and columns in a grid

Defining row and columns in a grid

Defining row and columns in a grid

Locating page elements in rows and columns in the grid

Locating page elements in rows and columns in the grid

Locating page elements in rows and columns in the grid

Specifying row heights and column widths

Specifying row heights and column widths

Specifying row heights and column widths

Using Margins to control spacing around elements

Using Margins to control spacing around elements

Using Margins to control spacing around elements

Using RowSpacing and ColumnSpacing to control spacing

Using RowSpacing and ColumnSpacing to control spacing

Using RowSpacing and ColumnSpacing to control spacing

Using Padding to control spacing

Using Padding to control spacing

Using Padding to control spacing

Wrap-up

Wrap-up

Wrap-up

Description

Chapters View all

Introduction

Introduction

Introduction

Adding a Grid to a page

Adding a Grid to a page

Adding a Grid to a page

Defining row and columns in a grid

Defining row and columns in a grid

Defining row and columns in a grid

Locating page elements in rows and columns in the grid

Locating page elements in rows and columns in the grid

Locating page elements in rows and columns in the grid

Microsoft Visual Studio

Transcript

Use Stacks and Flex Layouts (4 of 18) | Building Apps with XAML and .NET MAUI

Starting .NET MAUI Development in 2025 - Everything You Need To Know!

Material Design & Free Controls for .NET MAUI with UraniumUI

Code Cleanup in Visual Studio

YouTube Studio Dashboard Clone with .NET MAUI - Full Course

DOJ Inadvertently Files Attorney Client Memo (That Says Their Case Sucks)

What's next for AI at DeepMind, Google's artificial intelligence lab | 60 Minutes

Chapters

Chapters