The basic syntax and usage of a GridSplitter

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
             xmlns:ext="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
    d:DesignWidth='640' d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Canvas Background="Silver" Margin="10" />
        <Canvas Background="Gray" Margin="10" Grid.Column="1" />
        <Canvas Background="Silver" Margin="10" Grid.Column="2" />
        <ext:GridSplitter Width="2" />

        <Canvas Background="Gray" Margin="10" Grid.Row="1" />
        <Canvas Background="Silver" Margin="10" Grid.Column="1" Grid.Row="1" />
        <Canvas Background="Gray" Margin="10" Grid.Column="2" Grid.Row="1" />
        <ext:GridSplitter Background="Black" Width="2" Grid.Column="1" Grid.RowSpan="2" />
        <Canvas Background="Silver" Margin="10" Grid.Row="2" />
        <Canvas Background="Gray" Margin="10" Grid.Column="1" Grid.Row="2" />
        <Canvas Background="Silver" Margin="10" Grid.Column="2" Grid.Row="2" />
    </Grid>
</UserControl>

Related examples in the same category

1.	Positioning UI Elements with a Grid
2.	A Simple Grid Control
3.	Span two rows and two columns with an Image control
4.	Implementing a Grid to Set the Layout of Silverlight Controls
5.	Grid example
6.	ColumnSpan example
7.	Grid example 2* row and column definitions
8.	Use Grid to layout a Calendar
9.	Set Grid Row and Column for a Button
10.	Grid with Column Definition and Row definition
11.	Define rows / columns for Grid
12.	Using Grid.ColumnSpan
13.	Set Grid Row Height and Column Width to Auto
14.	Mixing row height styles
15.	Show Grid Lines
16.	Multiple Items in a Grid Cell
17.	Grid in ScrollViewer
18.	Margin vs Padding and Grid
19.	ColumnDefinition.Width=Auto
20.	Bind to Grid Width and Height
21.	Set Row and Column Index when Adding Buttons to Grid
22.	Put more than one Object to one Grid Cell
23.	Set Column and Row index when adding Controls to a Grid
24.	Empty RowDefinition and ColumnDefinition
25.	Use the Grid element to create a standard user interface (UI) dialog box.
26.	Place and size rectangles and ellipses in Grid cells
27.	Use Image as the Grid background
28.	Automatic Width and Height
29.	Layout Controls with Grid in code
30.	Set control to specific row and column in code
31.	Show Grid lines in code
32.	A basic Grid using star sizing.
33.	A basic Grid using auto sizing
34.	The basic syntax of a Grid
35.	Arranging content within a Grid
36.	Proportional Grid
37.	Nested Grids
38.	Grid cell stretch mode
39.	Programmatically adding a row and a column while setting the height and width
40.	Programmatically removing a row and a column
41.	Star sizing Grid
42.	Grid mouse button up event

The basic syntax and usage of a GridSplitter : Grid « Containers « Silverlight

Related examples in the same category