#896 – A TabControl Groups Content into a Series of Pages

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">
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <ColumnDefinition Width="Auto"/>

                <Label Content="Name:"/>
                <TextBox Grid.Column="1" Width="120" Margin="5"
                <Label Grid.Row="1" Content="Age:"/>
                <TextBox Grid.Row="1" Grid.Column="1" Width="80" Margin="5"

        <TabItem Header="Zappa">
                <Image Source="Zappa.jpg" Height="80" Margin="5"/>
                <Label Content="Composer and musician"



About Sean
Software developer in the Twin Cities area, passionate about software development and sailing.

3 Responses to #896 – A TabControl Groups Content into a Series of Pages

  1. Pingback: Dew Drop – August 30, 2013 (#1,615) | Alvin Ashcraft's Morning Dew

  2. Pingback: #898 – Setting the Text that Appears on a TabItem | 2,000 Things You Should Know About WPF

  3. Pingback: #907 – Binding a TabControl to a List of Objects, part I | 2,000 Things You Should Know About WPF

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: