Xaml:
<sdk:TabControl/>
Steps Involved:
Creating a Silverlight Application:
·
Open Visual Studio 2010.
·
Go to File => New => Project.
·
Select Silverlight from the Installed templates and choose the Silverlight
Application template.
·
Enter the Name and choose the location.
·
Click OK.
·
In the New Silverlight Application wizard check the "Host the Silverlight
Application in a new Web site".
·
Click OK.
Creating the UI:
TabControl:
<sdk:TabControl
Height="300"
Width="400">
</sdk:TabControl>
TabItem:
StackPanel:
![1.gif]()
<sdk:TabItem
Header="StackPanel">
<StackPanel
Orientation="Vertical">
<Rectangle
Height="50"
Width="50"
Fill="Gray"
Opacity="0.2"></Rectangle>
<Rectangle
Height="50"
Width="50"
Fill="Gray"
Opacity="0.4"></Rectangle>
<Rectangle
Height="50"
Width="50"
Fill="Gray"
Opacity="0.6"></Rectangle>
<Rectangle
Height="50"
Width="50"
Fill="Gray"
Opacity="0.8"></Rectangle>
<Rectangle
Height="50"
Width="50"
Fill="Gray"
Opacity="1"></Rectangle>
</StackPanel>
</sdk:TabItem>
Canvas:
![2.gif]()
<sdk:TabItem
Header="Canvas">
<Canvas
Height="250"
Width="300"
Background="White">
<Rectangle
Height="200"
Width="200"
Canvas.Left="50"
Canvas.Top="50"
Fill="Gray"
Opacity="0.1"
/>
<Rectangle
Height="180"
Width="180"
Canvas.Left="60"
Canvas.Top="60"
Fill="Gray"
Opacity="0.2"
/>
<Rectangle
Height="160"
Width="160"
Canvas.Left="70"
Canvas.Top="70"
Fill="Gray"
Opacity="0.3"
/>
<Rectangle
Height="140"
Width="140"
Canvas.Left="80"
Canvas.Top="80"
Fill="Gray"
Opacity="0.4"
/>
<Rectangle
Height="120"
Width="120"
Canvas.Left="90"
Canvas.Top="90"
Fill="Gray"
Opacity="0.5"
/>
<Rectangle
Height="100"
Width="100"
Canvas.Left="100"
Canvas.Top="100"
Fill="Gray"
Opacity="0.6"
/>
<Rectangle
Height="80"
Width="80"
Canvas.Left="110"
Canvas.Top="110"
Fill="Black"
Opacity="0.3"
/>
<Rectangle
Height="60"
Width="60"
Canvas.Left="120"
Canvas.Top="120"
Fill="Black"
Opacity="0.4"
/>
<Rectangle
Height="40"
Width="40"
Canvas.Left="130"
Canvas.Top="130"
Fill="Black"
Opacity="0.5"
/>
<Rectangle
Height="20"
Width="20"
Canvas.Left="140"
Canvas.Top="140"
Fill="Black"
Opacity="0.6"
/>
</Canvas>
</sdk:TabItem>
Grid:
![3.gif]()
<sdk:TabItem
Header="Grid">
<Grid
x:Name="layoutRoot"
ShowGridLines="True"
Height="200"
Width="350"
Background="Orange">
<Grid.RowDefinitions>
<RowDefinition
Height="32*"
/>
<RowDefinition
Height="121*"
/>
</Grid.RowDefinitions>
<TextBlock
Text="PROFILE"
FontFamily="Verdana"
FontSize="14"
FontWeight="Bold"
Foreground="White"
Margin="14,20,-14,99"
Grid.RowSpan="2">
</TextBlock>
<Grid
Grid.Row="1"
ShowGridLines="True"
Background="White">
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="144*"
/>
<ColumnDefinition
Width="256*"
/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition
Height="50*"
/>
<RowDefinition
Height="50*"
/>
<RowDefinition
Height="50*"
/>
<RowDefinition
Height="50*"
/>
<RowDefinition
Height="50*"
/>
</Grid.RowDefinitions>
<TextBlock
Text="Name
:"
FontFamily="Verdana"
Grid.Row="1"
Grid.Column="0"
FontSize="14"
FontWeight="Bold"
Foreground="Green"
Margin="14,10,-14,21"
Grid.RowSpan="2" ></TextBlock>
<TextBlock
Text="About
Me :"
FontFamily="Verdana"
Grid.Row="2"
Grid.Column="0"
FontSize="14"
FontWeight="Bold"
Foreground="Green"
Margin="14,10,-14,21"
Grid.RowSpan="2"
></TextBlock>
<TextBlock
Text="Country
:"
FontFamily="Verdana"
Grid.Row="3"
Grid.Column="0"
FontSize="14"
FontWeight="Bold"
Foreground="Green"
Margin="14,10,-14,21"
Grid.RowSpan="2"
></TextBlock>
<TextBlock
Text="Vijai
Anand.R"
FontFamily="Verdana"
Grid.Row="1"
Grid.Column="1"
FontSize="14"
FontWeight="Bold"
Foreground="Green"
Margin="14,10,-14,21"
Grid.RowSpan="2"></TextBlock>
<TextBlock
Text="SharePoint
Developer"
FontFamily="Verdana"
Grid.Row="2"
Grid.Column="1"
FontSize="14"
FontWeight="Bold"Foreground="Green"
Margin="14,10,-14,21"
Grid.RowSpan="2"></TextBlock>
<TextBlock
Text="India"
FontFamily="Verdana"
Grid.Row="3"
Grid.Column="1"
FontSize="14"
FontWeight="Bold"
Foreground="Green"Margin="14,10,-14,21"
Grid.RowSpan="2"></TextBlock>
</Grid>
</Grid>
</sdk:TabItem>