Enclosed Example: Overlapping Tab Style

2 posts, 0 answers
  1. Joseph Gershgorin
    Joseph Gershgorin avatar
    28 posts
    Member since:
    Aug 2009

    Posted 05 Oct 2010 Link to this post

    Requirements

    RadControls version 2010 Q2
    .NET version

     

    Silverlight 4
    Visual Studio version

     

    2010
    programming language

     

    C#

    SAMPLE DESCRIPTION


    Problem:

    I found an overlaping RadTabControl style example on these forums. But it had two issues:

    1.) The initial Z-Order of the tab on load was incorrect.
    2.) I wanted a style with the overlap on the left side, not the right as the example showed.

    Solution:

    Using a style I improved upon from here, based on the standard Silverlight TabControl (See comments for my version):
    http://antonidol.wordpress.com/2010/05/12/overlapping-tabitems-with-the-silverlight-toolkit-tabcontrol

    I built up a version for the RadTabControl. The project is built/tested using the 2010 Q2 release of the Silverlight Telerik Suite for Silverlight 4.

    It has a behavior that sets the proper ZIndex on tab items on selection / load, which requires the Blend Behavior SDK dlls. The SDK can be downloaded from here:
    http://www.microsoft.com/downloads/en/details.aspx?FamilyID=d197f51a-de07-4edf-9cba-1f1b4a22110d&displaylang=en

    Since I needed a negative margin only on susequent tabs (not the first) I built up a proxy helper and converter to set margins based on the current tab index.

    The example implements the style via intrinsic styles, so once the styles are imported into your resource dictionary, no additional work is needed.

     
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 08 Oct 2010 Link to this post

    Hi Joseph Gershgorin,

    Thanks for the provided details and solution. I updated your Telerik points for your involvement. I am sure it will be helpful for other developers in the community. I transformed this thread into a Code Library thread, where it actually belongs.

    Once again, thanks for your involvement.

    Sincerely yours,
    Tina Stancheva
    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
Back to Top