Slider with Ticks

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

sliderwithticks

you can find the source here

Advertisements

TabControl and vertical Text

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>

verticaltab