This is a migrated thread and some comments may be shown as answers.

How to change tab order in RadPaneGroup

5 Answers 154 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 13 Jul 2010, 04:56 PM

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

5 Answers, 1 is accepted

Sort by
0
Accepted
George
Telerik team
answered on 14 Jul 2010, 08:37 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Thomas
Top achievements
Rank 1
answered on 14 Jul 2010, 09:58 AM
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
0
George
Telerik team
answered on 16 Jul 2010, 09:45 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Kumar
Top achievements
Rank 1
answered on 15 Mar 2012, 02:22 PM
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
0
George
Telerik team
answered on 20 Mar 2012, 09:37 AM
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
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Tags
Docking
Asked by
Thomas
Top achievements
Rank 1
Answers by
George
Telerik team
Thomas
Top achievements
Rank 1
Kumar
Top achievements
Rank 1
Share this question
or