questions regarding tab/docked behavior

2 posts, 0 answers
  1. Matthew
    Matthew avatar
    6 posts
    Member since:
    Oct 2012

    Posted 25 Oct 2012 Link to this post

    Hey guys, i had a few questions regarding the docking control.  I am looking to implement the dock control as a tabbed interface, so the docked windows begin docked and will function as tabs that can be dragged off the tab area into floating windows for viewing multiple at the same time, or docked below the tabs so that multiple tabs can be viewed and compared.  There a few behavior things i was wondering about:

    1) can you add a button to go to the next/previous tab?  

    we are hoping to add buttons into the dock windows that allow the user to click a left or right arrow to navigate to the next or previous tab (similar to navigating many web slide shows).  how can it determine which window is previous or next in the list and bring it into view?  

     2) can the dragging a floating tab to the tab area dock it?  

    right now the only way to dock a floating window is to hover over the dock pane and then drag it to the center of the compass.  Is there any way to make the tab area function like the center of the compass, so users could drag to the tab area to dock a floating window? 

    3) can dragging docking a window to the left or right side split the area below the tab area, respecing the existing tab interface?

    right now if you drag a floating window to the compass and drop it on the left it pushes the tab area to the right.  we would prefer that it respect the main tab area and dock within the pane below it. 

    Thank you,
  2. George
    George avatar
    1332 posts

    Posted 30 Oct 2012 Link to this post

    Hi Matt,

    Straight to your questions:

    Q: can you add a button to go to the next/previous tab?

    A: Yes, you can add a button and you could implement the next/prev tab navigation. I would suggest using the TitleTemplate of the panes. When a pane is selected its TitleTemplate is placed in the PaneGroup header. By default the value from the Header property of the selected pane is displayed in the title, but this could be changed using a datatemplate. Please, refer to the following help article that explains how to set a button in the header - I would suggest using a custom command and passing the RadPaneGroup as a parameter. Using the group, you could get all panes, including the selected pane, and implement the next/prev pane logic via the RadPaneGroup.SelectedItem property.

    Q: can the dragging a floating tab to the tab area dock it?

     The RadDocking control doesn't support docking a floating windows to the tab area. This sounds like a good feature request and I logged it in our PITS. You can vote for it and track its progress here - With the current release we introduced a new feature for the RadDocking control that allows pane reordering in the groups - you could enable it setting the RadPaneGroup.AllowReorder property to true. You could dock a pane in the group and reorder it after that.

    Q: can dragging docking a window to the left or right side split the area below the tab area, respecing the existing tab interface?

    A: The RadDocking control uses a dock panel to arrange its parts. The RadPanes are placed in a groups, and the groups are placed in split containers. The RadDocking control works directly with the split containers and arrange them in the dock panel. When a pane (toolwindow) is docked, it is placed in a panegroup or a splitcontainer and the RadDocking control constricts some other splitcontainers and panegroups to make a place for the new docked item. If the pane (toolwindow) is docked in the center of the compass, it's inserted in the current panegroup as last one. This logic is by control design and more information about RadDocking compass can be found here -

    Please, let me know if this helps and do not hesitate to contact us if you have any additional questions. I am glad to assist you further.

    All the best,
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top