TabControl with TabItem header : TabControl « UI Controls « Silverlight






TabControl with TabItem header

TabControl with TabItem header
   

<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'
    xmlns:basics='clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls'     
 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White" Margin="10">
    <basics:TabControl>
      <basics:TabItem>
        <basics:TabItem.Header>
          <StackPanel>
            <TextBlock Margin="3" >Image and Text Tab Title</TextBlock>
            <Image Source="c:/image.jpg" Stretch="None" />
          </StackPanel>
        </basics:TabItem.Header>

        <StackPanel Margin="3">
          <CheckBox Margin="3" Content="Setting 1"></CheckBox>
          <CheckBox Margin="3" Content="Setting 2"></CheckBox>
          <CheckBox Margin="3" Content="Setting 3"></CheckBox>
        </StackPanel>
      </basics:TabItem>
      <basics:TabItem  Header="Tab Two">
        
      </basics:TabItem>

    </basics:TabControl>
    </Grid>
</UserControl>

   
    
    
  








Related examples in the same category

1.Set up TabControl with CodeSet up TabControl with Code