How to change tab order in RadPaneGroup

6 posts, 1 answers
  1. Thomas
    Thomas avatar
    3 posts
    Member since:
    Jul 2010

    Posted 13 Jul 2010 Link to this post

    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
  2. Answer
    George
    Admin
    George avatar
    1332 posts

    Posted 14 Jul 2010 Link to this post

    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
  3. UI for WPF is Visual Studio 2017 Ready
  4. Thomas
    Thomas avatar
    3 posts
    Member since:
    Jul 2010

    Posted 14 Jul 2010 Link to this post

    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
  5. George
    Admin
    George avatar
    1332 posts

    Posted 16 Jul 2010 Link to this post

    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
  6. Kumar
    Kumar avatar
    17 posts
    Member since:
    May 2011

    Posted 15 Mar 2012 Link to this post

    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
  7. George
    Admin
    George avatar
    1332 posts

    Posted 20 Mar 2012 Link to this post

    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 >>
Back to Top
UI for WPF is Visual Studio 2017 Ready