Tuesday, February 22, 2011

Vertical Tabs in Silverlight

Following code snippet demonstrate Vertical Tabs in XAML. The example uses the Silverlight tool kit available here
<sdk:TabControl Margin="10" TabStripPlacement="Right">
            <sdk:TabItem>
                <sdk:TabItem.Header>
                    <toolkit:LayoutTransformer >
                        <TextBlock Text="Tab1"/>
                        <toolkit:LayoutTransformer.LayoutTransform>
                            <RotateTransform Angle="-90"></RotateTransform>
                        </toolkit:LayoutTransformer.LayoutTransform>
                    </toolkit:LayoutTransformer>
                </sdk:TabItem.Header>
                <TextBlock Margin="10" Text="some content in Tab1"/>
            </sdk:TabItem>
            <sdk:TabItem   >
                <sdk:TabItem.Header>
                    <toolkit:LayoutTransformer >
                        <TextBlock Text="Tab2"/>
                        <toolkit:LayoutTransformer.LayoutTransform>
                            <RotateTransform Angle="-90"></RotateTransform>
                        </toolkit:LayoutTransformer.LayoutTransform>
                    </toolkit:LayoutTransformer>
                </sdk:TabItem.Header>
                <TextBlock Margin="10" Text="some content in Tab2"/>
            </sdk:TabItem>
        </sdk:TabControl>

Happy coding!!!