tags:

views:

172

answers:

1
 I have to design a tab control. Tab item header should be shown verically.
A: 

I can tell you the way to make this. Get a copy of the ControlTemplate of TabControl. You can get it here if you aren't using Expression Blend to edit.

 <Grid KeyboardNavigation.TabNavigation="Local">
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
      </Grid.RowDefinitions>
      <TabPanel 
        Name="HeaderPanel"
        Grid.Row="0"
        Panel.ZIndex="1" 
        Margin="0,0,4,-1" 
        IsItemsHost="True"
        KeyboardNavigation.TabIndex="1"
        Background="Transparent" />

You can see the below 2-row grid and a TabPanel as the Header panel. This is why the default TabControl has its headerpanel(Tabs) sits on the top(first row). You can change this rows to columns and replace the TabPanel with a StackPanel or something with a vertical orientation will do the trick.

Jobi Joy
Even if the Question is not fully understandable you show me some way. I used Wrappanel and it worked in one way. Thnx Jobi. The tabstrip is still coming as = = = =like this but i need to show = to look like ||. For that do i need to change the tabitem template... isn't it?
Kishore Kumar