#504 – GroupBox Basics
February 29, 2012 Leave a comment
GroupBox is a control that draws a labeled border around a single child element. Being a content control, it can contain at most one child element, but the child can be a panel control which in turn contains a number of other controls.
The GroupBox is typically used to show visually that a set of child controls are related.
The example below shows a GroupBox that contains a Grid as its child element. The Grid then contains some Labels.
<GroupBox Header="Dog Info" Margin="15"> <Grid Margin="10"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Label Grid.Row="0" Grid.Column="0" Content="Name:" FontWeight="Bold" HorizontalAlignment="Right"/> <Label Grid.Row="0" Grid.Column="1" Content="Kirby"/> <Label Grid.Row="1" Grid.Column="0" Content="Age:" FontWeight="Bold" HorizontalAlignment="Right"/> <Label Grid.Row="1" Grid.Column="1" Content="15" /> <Label Grid.Row="2" Grid.Column="0" Content="Hobby:" FontWeight="Bold" HorizontalAlignment="Right"/> <Label Grid.Row="2" Grid.Column="1" Content="Chasing balls"/> </Grid> </GroupBox>