Put more than one Object to one Grid Cell : Grid « Containers « Silverlight

Home Silverlight 1. Animations 2. Communication 3. Containers 4. Data 5. Events 6. Graphics 7. Shapes 8. UI Controls

Silverlight » Containers » Grid Screenshots  Put more than one Object to one Grid Cell      <UserControl x:Class='SilverlightApplication3.MainPage'     xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'      xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'     xmlns:d='http://schemas.microsoft.com/expression/blend/2008'      xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'      mc:Ignorable='d'      d:DesignWidth='640'      d:DesignHeight='480'> <Grid ShowGridLines ="True" Background ="AliceBlue">   <Grid.ColumnDefinitions>     <ColumnDefinition/>     <ColumnDefinition/>   </Grid.ColumnDefinitions>   <Grid.RowDefinitions>     <RowDefinition/>     <RowDefinition/>   </Grid.RowDefinitions>   <TextBlock Name="lblInstruction" Grid.Column ="0" Grid.Row ="0" FontSize="15">Enter Car Information</TextBlock>   <Button Name="btnOK"  Height ="30" Grid.Column ="0" Grid.Row ="0" >OK</Button>   <TextBlock Name="lblMake" Grid.Column ="1" Grid.Row ="0">Make</TextBlock>   <TextBox Name="txtMake" Grid.Column ="1" Grid.Row ="0" Width="193" Height="25"/>   <TextBlock Name="lblColor" Grid.Column ="0" Grid.Row ="1" >Color</TextBlock>   <TextBox Name="txtColor" Width="193" Height="25" Grid.Column ="0" Grid.Row ="1" />   <Rectangle Fill ="LightGreen" Grid.Column ="1" Grid.Row ="1" />   <TextBlock Name="lblPetName" Grid.Column ="1" Grid.Row ="1" >Pet Name</TextBlock>   <TextBox Name="txtPetName" Grid.Column ="1" Grid.Row ="1" Width="193" Height="25"/> </Grid> </UserControl>                       Related examples in the same category 1. Positioning UI Elements with a Grid 2. A Simple Grid Control 3. Span two rows and two columns with an Image control 4. Implementing a Grid to Set the Layout of Silverlight Controls 5. Grid example 6. ColumnSpan example 7. Grid example 2* row and column definitions 8. Use Grid to layout a Calendar 9. Set Grid Row and Column for a Button 10. Grid with Column Definition and Row definition 11. Define rows / columns for Grid 12. Using Grid.ColumnSpan 13. Set Grid Row Height and Column Width to Auto 14. Mixing row height styles 15. Show Grid Lines 16. Multiple Items in a Grid Cell 17. Grid in ScrollViewer 18. Margin vs Padding and Grid 19. ColumnDefinition.Width=Auto 20. Bind to Grid Width and Height 21. Set Row and Column Index when Adding Buttons to Grid 22. Set Column and Row index when adding Controls to a Grid 23. Empty RowDefinition and ColumnDefinition 24. Use the Grid element to create a standard user interface (UI) dialog box. 25. Place and size rectangles and ellipses in Grid cells 26. Use Image as the Grid background 27. Automatic Width and Height 28. Layout Controls with Grid in code 29. Set control to specific row and column in code 30. Show Grid lines in code 31. A basic Grid using star sizing. 32. A basic Grid using auto sizing 33. The basic syntax of a Grid 34. Arranging content within a Grid 35. Proportional Grid 36. Nested Grids 37. Grid cell stretch mode 38. Programmatically adding a row and a column while setting the height and width 39. Programmatically removing a row and a column 40. The basic syntax and usage of a GridSplitter 41. Star sizing Grid 42. Grid mouse button up event