Enclosed Example: Overlapping Tab Style

Thread is closed for posting
2 posts, 0 answers
  1. 95BD8AC5-0B82-4027-AE0F-EBC43A33171D
    95BD8AC5-0B82-4027-AE0F-EBC43A33171D 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. F3AB3C60-4750-4EDF-8787-A16DCB04B7A1
    F3AB3C60-4750-4EDF-8787-A16DCB04B7A1 avatar
    3299 posts
    Member since:
    May 2017

    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

This Code Library is part of the product documentation and subject to the respective product license agreement.