The grid uses a flexible sizing system to control the size of columns and rows. This tutorial looks at the three sizing options: auto, fixed, and proportional.
- [Instructor] You have control over the size of your rows…and the size of the columns in the grid.…Here's my example.…I'm working with this grid.…It has three rows defined…and it has three columns defined.…To set the row size you use…what's called the height property.…And to set the column size use the width property.…Now, everything I'm showing you will be in the columns,…but all the principles I'm talking about…will also apply to row definitions.…Right now, I haven't specified any…width for the column definition.…
So, I'm using the default which is called Star Size…or propotional sizing,…and that means that each of the three columns is…in proportion to the other two columns.…They're all the same width.…I can control over the width property…by typing in a new value here…and I'll start by showing the fixed size.…So, I'll type in 60…and that's pixels,…and so this is 60 pixels wide,…and you'll notice that all three elements…that are in column zero are now 60 pixels wide…and you can if you look that it's cutting off…
- Exploring the layout panels
- Working with the grid
- Adding rows and columns
- Creating scrolling content
- Controlling element visibility
- Aligning content
- Making custom layout panels
Skill Level Intermediate
Learning Visual Studio Team Serviceswith Jose Miguel Rady Allende1h 17m Intermediate
1. Layout Panels
2. Other Layout Concepts
3. Custom Layout Panel
Next steps1m 34s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.