Empty Docking panel appears after unpinned

[Saleem]

Hi,

I have a layout with RadTreeView docked to left using RadDocking and a RadTileView inside a DocumentHose. While I unpin the panel which is docked to left and don't move the mouse from pin button, the unpinned panel expands again but it is empty.

Please find my code below:

     <telerik:RadDocking Background="Transparent" BorderThickness="0" HorizontalAlignment="Left" >
            <telerik:RadDocking.DocumentHost>

                    <telerik:RadTileView x:Name="c_tileView" ColumnWidth="Auto" RowsCount="2"
                             RowHeight="Auto" MinimizedColumnWidth="450" MinimizedRowHeight="150"
                             IsItemsSizeInPercentages="True" PreservePositionWhenMaximized="true"
                             telerik:TileViewPanel.IsColumnsShrinkEnabled="True"
    telerik:TileViewPanel.IsRowsShrinkEnabled="True"
                             telerik:TileViewPanel.IsSizeBoundToPosition="True"
                             telerik:PersistenceManager.StorageId="tileView">

                        <telerik:RadTileViewItem RestoredHeight="30" MinimizedHeight="150" RestoredWidth="28" >
                            <Rectangle/>
                        </telerik:RadTileViewItem>

                        <telerik:RadTileViewItem RestoredHeight="25" MinimizedHeight="150" RestoredWidth="48" >
                            <Rectangle/>
                        </telerik:RadTileViewItem>

                        <telerik:RadTileViewItem RestoredHeight="50" MinimizedHeight="150" RestoredWidth="24" >
                            <Rectangle/>
                        </telerik:RadTileViewItem>                      
                    </telerik:RadTileView>

            </telerik:RadDocking.DocumentHost>
            <telerik:RadSplitContainer MaxWidth="300" telerik:DockingPanel.InitialSize="210,150" InitialPosition="DockedLeft">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Screen Models" CanUserClose="False"
            ContextMenuTemplate="{x:Null}"
            CanDockInDocumentHost="False" IsPinned="False">
                        <telerik:RadTreeView x:Name="c_treeView" Grid.Row="1" Margin="0"
              VerticalAlignment="Stretch" IsLineEnabled="True"
              ScrollViewer.HorizontalScrollBarVisibility="Auto"
              IsDragDropEnabled="False">
                            <telerik:RadTreeViewItem Header="Test A" IsExpanded="True">
                                <telerik:RadTreeViewItem Header="Model A"/>
                                <telerik:RadTreeViewItem Header="Model B"/>
                                <telerik:RadTreeViewItem Header="Model C"/>
                                <telerik:RadTreeViewItem Header="Model D"/>
                            </telerik:RadTreeViewItem>

                        </telerik:RadTreeView>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
          
        </telerik:RadDocking>

[Kalin]

Hello Saleem,

This behavior is caused by the HorizontalAlignment property which is set to the Docking control. The property is not supported from RadDocking, because the Docking cannot be placed inside container measured with auto size, which is the case when HorizontalAlignment is used. So you would just have to remove HorizontalAlignment="Left" from the Docking and it will work as expected.

Hope this helps.

Regards,
Kalin
Telerik