RadPane will not collapse after use...

[Rob]

Hello,

I am currently using version "2001.3.1129.1040".

We have a simple RadDocking layout with a DocumentHost and 3 RadPanes docked across the bottom.  We restrict the user from moving the panes - their only option is to pin them or not (which when they do, we actually run RadPaneGroup.PinAllPanes() or RadPaneGroup.UnpinAllPanes()...).

<telerik:RadDocking >
   <!-- main -->
   <telerik:RadDocking.DocumentHost>
      <telerik:RadSplitContainer>
         <telerik:RadPaneGroup>
            <telerik:RadPane CanUserClose="False">
               <!-- some contents -->
            </telerik:RadPane>
         </telerik:RadPaneGroup>
      </telerik:RadSplitContainer>
   </telerik:RadDocking.DocumentHost>
   <!-- bottom panes  -->
   <telerik:RadSplitContainer InitialPosition="DockedBottom">
      <telerik:RadPaneGroup>
         <!-- pane1 -->
         <telerik:RadPane x:Name="pane1" CanUserPin="False" CanUserClose="False" CanFloat="False" CanDockInDocumentHost="False">
            <telerik:RadPane.TitleTemplate>
               <DataTemplate>
                  <telerik:RadDockPanel>
                     <ToggleButton IsChecked="{Binding ElementName=pane1, Path=IsPinned}" Click="TB_Clicked" telerik:RadDockPanel.Dock="Right" />
                    <TextBlock Text="pane 1" />
                 </telerik:RadDockPanel>
              </DataTemplate>
           </telerik:RadPane.TitleTemplate>
           <!-- some contents -->
         </telerik:RadPane>
         <!-- pane2 -->
         <telerik:RadPane x:Name="pane2" CanUserPin="False" CanUserClose="False" CanFloat="False" CanDockInDocumentHost="False">
            <telerik:RadPane.TitleTemplate>
               <DataTemplate>
                  <telerik:RadDockPanel>
                     <ToggleButton IsChecked="{Binding ElementName=pane2, Path=IsPinned}" Click="TB_Clicked" telerik:RadDockPanel.Dock="Right" />
                    <TextBlock Text="pane 2" />
                 </telerik:RadDockPanel>
              </DataTemplate>
           </telerik:RadPane.TitleTemplate>
           <!-- some contents -->
         </telerik:RadPane>
         <!-- pane3 -->
         <telerik:RadPane x:Name="pane3" CanUserPin="False" CanUserClose="False" CanFloat="False" CanDockInDocumentHost="False">
            <telerik:RadPane.TitleTemplate>
               <DataTemplate>
                  <telerik:RadDockPanel>
                     <ToggleButton IsChecked="{Binding ElementName=pane3, Path=IsPinned}" Click="TB_Clicked" telerik:RadDockPanel.Dock="Right" />
                    <TextBlock Text="pane 3" />
                 </telerik:RadDockPanel>
              </DataTemplate>
            </telerik:RadPane.TitleTemplate>
            <!-- some contents -->
         </telerik:RadPane>
      </telerik:RadPaneGroup>
   </telerik:RadSplitContainer>
</telerik:RadDocking>

The problem occurs when the panes are unpinned at the bottom of the screen.
1) Unpin the RadPanes.
2) Hover over one of the tabs (don't click it) and wait until the RadPane opens.
3) Move your mouse over one of the other tabs, and quickly move off it before the RadPane has a chance to open.
At this point, the RadPane is stuck open...  if you click out into another area of the app it will not collapse.

I'm trying to get this working in a small simple project but it is difficult - I think because our actual RadPane contents are data heavy and take a second or two to load and slows the whole thing down.  When I work with a simple control with sparse contents, it more or less works well - it's only reproducible sometimes.

[Rob]

More Information:

When I remove the "Windows7" theme from the control, the problem goes away in my real application.  Adding the theme to my sample app (above) seems to do the trick.

[Dani]

Hi Rob,

We tested your scenario using the sample code you provided. Unfortunately, we could not reproduce such issue and we are not aware of any malfunctioning of the control in that particular scenario.

If possible, please send a reproducable sample.

Best wishes,
Dani
the Telerik team

[Rob]

Here is a sample project.
https://skydrive.live.com/redir.aspx?cid=70bf6768bb75673a&resid=70BF6768BB75673A!167&parid=70BF6768BB75673A!153&authkey=!AELqRpJRyeyZe2E

I can replicate the problem about 80% of the time.  You'll notice that the first time you hover "pane1" the header will be a darker blue color.  If you hit it right and cause the problem, "pane2" will also open up with the darker blue header.  If it's working fine, it will have a lighter blue color.  Sometimes, I find it helps when moving to "pane2" and quickly moving off to click on the orange area.  Sometimes not.  I'm sorry I can't be more sepcific about this one.  It seems to be a timing thing like perhaps a MouseOver or MouseOut event isn't being attached or is being detached incorrectly...

[Dani]

Hi,

I think the behavior you described actually refers to the ActivePane. Since Q2 2011, RadDocking supports IsActive property on RadPane, as well as the ActivePaneChanged event. The ActivePane is visually represented by a darker color of the pane group header in Windows7 theme.

The active pane will not auto-collapse. When a pane is active, it will close when another element in the RadDocking control captures the focus. Clicking on the orange area in your project does not set the focus on the orange area. But clicking in the DocumentHost will move the focus from the active pane to the DocumentHost and the active pane will collapse.

You could also try to deliberately collapse the pane by setting the ActivePane property of RadDocking to null.

This behavior is by design. But you can suggest any improvement that will make the control more comfortable for you to work with. Please share any thoughts on the matter. We will consider implementing any suggested improvement.

Greetings,
Dani
the Telerik team