Docking with silverlight panable canvas

[MattC2007]

Hi I'm working on a project and we wish to incorporate your docking control. We however ran into the issue where our panning canvas is overlaying the docking control. Settings the z-index seems to have no effect. Our Silverlight app mimics panning by off setting the display canvas from the root canvas. We want the docking control to remain on top and even though the canvas is going out of bounds the part going out of bounds would be covered.

Below is my xaml code..

<Grid x:Name="grdRoot">
        <telerikDocking:RadDocking Canvas.ZIndex="99999">
            <telerikDocking:RadDocking.DocumentHost>
                <telerikDocking:RadSplitContainer>
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadDocumentPane CanFloat="False" Header="Document 1" Title="Document 1" Canvas.ZIndex="99999">
                            <telerikDocking:RadDocumentPane.Content>
                                <!-- Canvases handle all the map, object rendering-->
                                <Canvas x:Name="cnvsRoot" Margin="25" RenderTransformOrigin="0.5,0.5" Canvas.ZIndex="-99999">
                                    <Canvas.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform x:Name="scaler" ScaleY="-1"/>
                                        </TransformGroup>
                                    </Canvas.RenderTransform>
                                    <Canvas x:Name="cnvsDisplay" MouseWheel="cnvsDisplay_MouseWheel" MouseLeftButtonDown="cnvsDisplay_MouseLeftButtonDown" MouseLeftButtonUp="cnvsDisplay_MouseLeftButtonUp"
                                        MouseMove="cnvsDisplay_MouseMove" Width="1070" Height="765" Canvas.ZIndex="99998">
                                        <!--<Rectangle Width="1070" Height="765" Stroke="Black" StrokeThickness="1"/>-->
                                        <Canvas.Background>
                                            <SolidColorBrush Color="White"/>
                                        </Canvas.Background>
                                    </Canvas>
                                </Canvas>
                            </telerikDocking:RadDocumentPane.Content>
                        </telerikDocking:RadDocumentPane>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>
            </telerikDocking:RadDocking.DocumentHost>
            <telerikDocking:RadSplitContainer InitialPosition="DockedLeft">
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Tag List" IsPinned="False">
                        <telerikDocking:RadPane.Content>
                            <!-- ============================================================================-->
                            <!-- Content Menu-->
                            <!-- ============================================================================-->
                                    <!--References-->
                                    <StackPanel>
                                        <telerikNavigation:RadTreeView x:Name="tvMapObjects" SelectionMode="Single" IsDragDropEnabled="False">
                                            <telerikNavigation:RadTreeViewItem x:Name="tviAssets" Header="Assets" />
                                            <telerikNavigation:RadTreeViewItem x:Name="tviPersonnel" Header="Personnel" />
                                        </telerikNavigation:RadTreeView>
                                        <Button x:Name="test" MouseLeftButtonDown="test_MouseLeftButtonDown" Height="25" Width="200"  Content="sdfsdfsd"/>
                                    </StackPanel>
                            <!-- ============================================================================-->
                        </telerikDocking:RadPane.Content>
                    </telerikDocking:RadPane>
                    <telerikDocking:RadPane Header="Search" IsPinned="False" Content="Search" />
                </telerikDocking:RadPaneGroup>
            </telerikDocking:RadSplitContainer>
            <telerikDocking:RadSplitContainer InitialPosition="DockedBottom">
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Details" IsPinned="False">
                        <telerikDocking:RadPane.Content>
                            <!-- ============================================================================-->
                            <!-- Detail Menu-->
                            <!-- ============================================================================-->
                                    <!--Menu Content-->
                                    <controlsToolkit:DockPanel x:Name="mnuDetail_Content"  Width="Auto" Height="Auto" LastChildFill="True">

                                    </controlsToolkit:DockPanel>
                            <!-- ============================================================================-->
                        </telerikDocking:RadPane.Content>
                    </telerikDocking:RadPane>
                </telerikDocking:RadPaneGroup>
            </telerikDocking:RadSplitContainer>
        </telerikDocking:RadDocking>
    </Grid>

[MattC2007]

I resolved the issue by placing the canvas inside a silverlight scroll viewer.