Margin vs Padding and Grid : Grid « Windows Presentation Foundation « C# / CSharp Tutorial

Home C# / CSharp Tutorial 1. Language Basics 2. Data Type 3. Operator 4. Statement 5. String 6. struct 7. Class 8. Operator Overload 9. delegate 10. Attribute 11. Data Structure 12. Assembly 13. Date Time 14. Development 15. File Directory Stream 16. Preprocessing Directives 17. Regular Expression 18. Generic 19. Reflection 20. Thread 21. I18N Internationalization 22. LINQ 23. GUI Windows Forms 24. Windows Presentation Foundation 25. Windows Communication Foundation 26. Workflow 27. 2D 28. Design Patterns 29. Windows 30. XML 31. XML LINQ 32. ADO.Net 33. Network 34. Directory Services 35. Security 36. unsafe C# / C Sharp C# / C Sharp by API C# / CSharp Open Source

C# / CSharp Tutorial » Windows Presentation Foundation » Grid   24.42.10.Margin vs Padding and Grid <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   HorizontalAlignment="Center" VerticalAlignment="Center">     <Grid ShowGridLines="True" Background="Cyan">       <Grid.ColumnDefinitions>         <ColumnDefinition Width="Auto" />         <ColumnDefinition Width="Auto" />         <ColumnDefinition Width="Auto" />       </Grid.ColumnDefinitions>       <Grid.RowDefinitions>         <RowDefinition Height="Auto" />       </Grid.RowDefinitions>       <Button Grid.Column="0" Margin="20" Padding="0" >Click me!</Button>       <Button Grid.Column="1" Margin="10" Padding="10">Click me!</Button>       <Button Grid.Column="2" Margin="0"  Padding="20">Click me!</Button>     </Grid> </Page> 24.42.Grid 24.42.1. Simple Grid.xaml 24.42.2. Use Grid to layout a Calendar 24.42.3. Grid with Rectangle and GeometryDrawing 24.42.4. Set Grid Row and Column for a Button 24.42.5. Arrange UI Elements in a Grid 24.42.6. Align Ellipses along with Grid 24.42.7. Show Grid Lines 24.42.8. Multiple Items in a Grid Cell 24.42.9. Grid in ScrollViewer 24.42.10. Margin vs Padding and Grid 24.42.11. Window with Grid 24.42.12. Arrange the children for Grid 24.42.13. Put more than one Object to one Grid Cell 24.42.14. Nested Grid 24.42.15. Shared Size Group 24.42.16. Use the Grid element to create a standard user interface (UI) dialog box. 24.42.17. Place and size rectangles and ellipses in Grid cells 24.42.18. Use Image as the Grid background 24.42.19. Grid with SharedSizeGroup 24.42.20. Layout a Form with StackPanel and Grid 24.42.21. Layout Controls with Grid in code