#896 – A TabControl Groups Content into a Series of Pages
August 30, 2013 3 Comments
You can use a TabControl to organize content in your application into a series of pages, allowing the user to click on the page that contains the content that they want to see.
The TabControl contains a series of TabItem elements representing each tab. Each TabItem has a Header property defining text or content to appear on the clickable part of the tab. Each TabItem also has a single child element, representing the content to be displayed when you are viewing the tab. This will normally be a panel that contains other controls.
<TabControl Margin="10"> <TabItem Header="You"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Label Content="Name:"/> <TextBox Grid.Column="1" Width="120" Margin="5" HorizontalAlignment="Left"/> <Label Grid.Row="1" Content="Age:"/> <TextBox Grid.Row="1" Grid.Column="1" Width="80" Margin="5" HorizontalAlignment="Left"/> </Grid> </TabItem> <TabItem Header="Zappa"> <StackPanel> <Image Source="Zappa.jpg" Height="80" Margin="5"/> <Label Content="Composer and musician" HorizontalAlignment="Center"/> </StackPanel> </TabItem> </TabControl>
Pingback: Dew Drop – August 30, 2013 (#1,615) | Alvin Ashcraft's Morning Dew
Pingback: #898 – Setting the Text that Appears on a TabItem | 2,000 Things You Should Know About WPF
Pingback: #907 – Binding a TabControl to a List of Objects, part I | 2,000 Things You Should Know About WPF