RadPane will not collapse after use...

5 posts, 0 answers
  1. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 13 Dec 2011 Link to this post

    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.
  2. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 13 Dec 2011 Link to this post

    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.

  3. DevCraft banner
  4. Dani
    Admin
    Dani avatar
    848 posts

    Posted 19 Dec 2011 Link to this post

    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
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  5. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 19 Dec 2011 Link to this post

    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...

  6. Dani
    Admin
    Dani avatar
    848 posts

    Posted 22 Dec 2011 Link to this post

    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
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
Back to Top
DevCraft banner