Default skin .rtsLast .rtsFirst issue

3 posts, 1 answers
  1. Fit2Page
    Fit2Page avatar
    335 posts
    Member since:
    Feb 2007

    Posted 03 Jul 2009 Link to this post


    I have a tabstrip with two rows and the Skin="Default" applied.

    I have set for the end of the First Row last tab

    tab.IsBreak = True
    tab.CssClass = "rtsLast"

    And I set for the second row first tab

    tab.CssClass = "rtsFirst"

    I discover that .rtsLast is applied on the <a> which works OK.
    But the .rtsFirst for the second row is also applied on the <a> which should be applied on the <li>.

    See my screen1 here

    See my screen2 here

    Do you have any suggestions how I can show the first Tab of Row2 as rtsFirst properly?


  2. Answer
    Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 07 Jul 2009 Link to this post

    Looks like this is an issue with RadTabStrip since the classes are rendered on the LI elements and for rtsFirst you need it there as opposed to rtsLast. This can be worked around by using a simple javascript function to copy the class to the parent element when needed. Add it to the RadtabStrip OnClientLoad handler:
    <script type="text/javascript">
        function clientLoad(el) {
            $telerik.$('a.rtsFirst', el.get_element()).parent().addClass('rtsFirst');

    We also took a note to add these classes automatically around the break for future releases. I've updated your Telerik points for this.

    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. DevCraft R3 2016 release webinar banner
  4. Fit2Page
    Fit2Page avatar
    335 posts
    Member since:
    Feb 2007

    Posted 09 Jul 2009 Link to this post

    Thanks Kamen, this works OK!
Back to Top