Docking with silverlight panable canvas

2 posts, 0 answers
  1. MattC2007
    MattC2007 avatar
    42 posts
    Member since:
    Mar 2007

    Posted 17 Dec 2009 Link to this post

    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>
  2. MattC2007
    MattC2007 avatar
    42 posts
    Member since:
    Mar 2007

    Posted 17 Dec 2009 Link to this post

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