<Window x:Class="TelerikTest.MainWindow"
                   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                   xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
                   WindowState="Maximized"
                   xmlns:local="clr-namespace:TelerikTest">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        
        <Button Content="PLOT" Click="Button_Click" Grid.Row="0" FontWeight="Bold" FontSize="20" Grid.ColumnSpan="2"/>

        <Border ClipToBounds="True" Background="Transparent" Margin="10" Grid.Row="1" Grid.Column="0">
            <Canvas x:Name="CanvasOutDocking"
                    Background="White"
                    MouseWheel="Canvas_MouseWheel" 
                    MouseLeftButtonDown="Canvas_MouseLeftButtonDown" 
                    MouseMove="Canvas_MouseMove" 
                    MouseDown="Canvas_MouseDown" 
                    MouseUp="Canvas_MouseUp"/>
        </Border>

        <telerik:RadDocking x:Name="MainWindow_RadDocking" Grid.Row="1" Grid.Column="1" HasDocumentHost="False" BorderThickness="0">
            <telerik:RadSplitContainer >
                <telerik:RadPaneGroup >
                    <telerik:RadPane >
                        <telerik:RadPane.ContentTemplate>
                            <DataTemplate>
                                <Border ClipToBounds="True"  Background="Transparent" Margin="10">
                                    <Canvas x:Name="CanvasInDocking" 
                                    Background="White"
                                    MouseWheel="Canvas_MouseWheel" 
                                    MouseLeftButtonDown="Canvas_MouseLeftButtonDown" 
                                    MouseMove="Canvas_MouseMove" 
                                    MouseDown="Canvas_MouseDown" 
                                    MouseUp="Canvas_MouseUp"/>
                                </Border>
                            </DataTemplate>
                        </telerik:RadPane.ContentTemplate>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadDocking>
    </Grid>
</Window>