This is one of the samples I did sometime back for showing the ticks. The code is compiled with Silverlight 3 beta but should work in Silverlight 2 also without any changes
you can find the source here
This is short post on using LayoutTransformer. LayoutTransformer makes it easy to display content vertically. After adding reference to the toolkit layout assembly . All we have to do is to add our content to the LayoutTransformer and specify our Transform. Here is xaml which produced the result in the image
<UserControl xmlns:controls=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls”
x:Class=”SilverlightApplication18.MainPage”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
xmlns:toolkit=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit”
Width=”400″ Height=”300″>
<Grid x:Name=”LayoutRoot” Background=”White”>
<controls:TabControl Margin=”10″ TabStripPlacement=”Left”>
<controls:TabItem >
<controls:TabItem.Header>
<toolkit:LayoutTransformer >
<TextBlock Text=”Tab1″/>
<toolkit:LayoutTransformer.LayoutTransform>
<RotateTransform Angle=”-90″></RotateTransform>
</toolkit:LayoutTransformer.LayoutTransform>
</toolkit:LayoutTransformer>
</controls:TabItem.Header>
<TextBlock Margin=”10″ Text=”some content in Tab1″/>
</controls:TabItem>
<controls:TabItem >
<controls:TabItem.Header>
<toolkit:LayoutTransformer >
<TextBlock Text=”Tab2″/>
<toolkit:LayoutTransformer.LayoutTransform>
<RotateTransform Angle=”-90″></RotateTransform>
</toolkit:LayoutTransformer.LayoutTransform>
</toolkit:LayoutTransformer>
</controls:TabItem.Header>
<TextBlock Margin=”10″ Text=”some content in Tab2″/>
</controls:TabItem>
</controls:TabControl>
</Grid>
</UserControl>
