AutoHide Left Clicked panel after a button click inside Panel

[Bharat]

I am using Telerik RadPanel and I have set it up this way on my page:


<telerik:RadDocking BorderThickness="0" Padding="0" Grid.Row="1" Opacity="1" Foreground="White" Background="White" BorderBrush="White">

            <!--DocumentHost-->
            <telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup>

                        <telerik:RadDocumentPane Visibility="Collapsed" CanUserClose="False" BorderThickness="0">
                            <telerik:RadDocumentPane.Content>

                                             <!--    PANE CONTENT GOES HERE -->
                           </telerik:RadDocumentPane.Content>
                            
                            
                        </telerik:RadDocumentPane>

                        
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>


            <telerik:RadSplitContainer InitialPosition="DockedLeft">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Navigate" PaneHeaderVisibility="Collapsed" IsPinned="False" CanUserClose="False" CanDockInDocumentHost="False">

                        <telerik:RadPane.Content>

                            <Grid>
                                
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="500"></RowDefinition>
                                </Grid.RowDefinitions>
                                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="200"></ColumnDefinition>
                                </Grid.ColumnDefinitions>
                                
                                <StackPanel Orientation="Vertical">

                                   <!--    STACK PANEL CONTENT GOES HERE -->

                                </StackPanel>                                                                                                                               

                            </Grid>

                        </telerik:RadPane.Content>

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



The scenario here is: I have some button inside my left docked Rad Pane. When click on those buttons, I try to navigate to certain pages.

The problem is when I click on any of the buttons present inside the Rad Pane, The pane needs to hide by itself. But It stays just as is. I believe this is because after clicking the button, the focus still remains on button present inside the pane and hence, the docked pane doesn't get hidden by itself.

Can anyone provide me the solution for this.

[Konstantina]

Hi,

This is by design - when an element in the unpinned pane is focused, the pane does not get hidden. Because if you have, for example, a TextBox and you start typing in it, the pane should stay open. However, you could easily work-around this by setting the focus on one of the controls in the Docking control, outside the unpinned pane, or by activating another Pane using the ActivePane property of the Docking control:

this.docking.ActivePane = myPane;

Regards,
Konstantina
the Telerik team