How to change tab order in RadPaneGroup

[Thomas]

I'm currently evaluating the RadDocking classes for a client - so I'm pretty new to the telerik stuff. Bear with me...

I've made a super-simple example with a couple of portfolios in a tabbed container:

<telerikDocking:RadDocking>
    <telerikDocking:RadDocking.CompassStyle>
        <Style TargetType="dock:Compass">
            <Setter Property="IsTopIndicatorVisible" Value="false" />
        </Style>
    </telerikDocking:RadDocking.CompassStyle>
    <telerikDocking:RadDocking.RootCompassStyle>
        <Style TargetType="dock:RootCompass">
            <Setter Property="IsTopIndicatorVisible" Value="false" />
        </Style>
    </telerikDocking:RadDocking.RootCompassStyle>
    <telerikDocking:RadDocking.DocumentHost>
        <telerikDocking:RadSplitContainer>
            <telerikDocking:RadPaneGroup>
                <telerikDocking:RadDocumentPane Header="Portfolio 1" Title="Portfolio 1">
                    rates and trade controls go here
                </telerikDocking:RadDocumentPane>
                <telerikDocking:RadDocumentPane Header="Portfolio 2" Title="Portfolio 2">
                    More rates and trade controls go here
                </telerikDocking:RadDocumentPane>                    </telerikDocking:RadPaneGroup>
        </telerikDocking:RadSplitContainer>
    </telerikDocking:RadDocking.DocumentHost>
    <telerikDocking:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedRight">
        <telerikDocking:RadPaneGroup>
            <telerikDocking:RadPane Header="Fx" Content="...drag onto portfolio..." IsPinned="False" />
            <telerikDocking:RadPane Header="Commodities" Content="Commodities controls" IsPinned="False" />
            <telerikDocking:RadPane Header="Research" Content="Research controls" IsPinned="False" />
        </telerikDocking:RadPaneGroup>
    </telerikDocking:RadSplitContainer>
    <telerikDocking:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom">
        <telerikDocking:RadPaneGroup>
            <telerikDocking:RadPane Header="Orders" Content="Order blotter" />
            <telerikDocking:RadPane Header="Trades" Content="Trade blotter" />
        </telerikDocking:RadPaneGroup>
    </telerikDocking:RadSplitContainer>
</telerikDocking:RadDocking>

What I'd like to do is reorder the tabs in the DocumentHost using drag-and-drop (like you can reorder tabs in your Internet Explorer 8 or Visual Studio 2010).

Does anyone know how to do this?

/thomas

[George]

Hello Thomas,

Thank you for contacting us.

Unfortunately, we don't support this feature for RadDocking control for this moment, but we have such feature request. You can vote and track its progress in our Public Issue Tracking System (PITS) with Issue ID = 2581. If it gets enough votes we will implement it in one of our future releases.

I hope this information helps. I will be glad to assist you further.
 

All the best,
George
the Telerik team

[Thomas]

Thanks George,

In the meantime, is this something I can add on my own somehow - e.g. by templating the line of tabs, or some other WPF magic?

We could even live (short term) with a solution that adds tiny arrow buttons to each tab - i.e. turns "Tab name" into "<< Tab name >>" - where each arrow moves the tab backwards or forwards (i.e. clicking the "<<" in "<< Tab name >>" would move the tab to the left).

/th

[George]

Hi Thomas,

Thank you for getting back to me.

You need to implement your custom logic using Items collection of RadPaneGroup. Items property contains collection of RadPanes that are placed into this RadPaneGroup.

Attached you can find a sample project that I made for you. I hope this helps. I will be glad to assist you further.

Kind regards,
George
the Telerik team

[Kumar]

I like what Thomas suggests in his reply (adding < > to the tab)
Can you Telerik guys tell me how to override the template for the tab to be able to do this? 

I have already voted +1 for this issue in PITS and hope you guys get to this someday, until then I have to provide this crucial functionality to our clients.

Thanks,
Kumar

[George]

Hello,

Please, refer to our online article where you can find information about how to edit the RadPane template - http://www.telerik.com/help/wpf/raddocking-styling-the-radpane.html 

All the best,
George
the Telerik team