Default skin .rtsLast .rtsFirst issue

[Fit2Page]

Hi,

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?

Regards,
Marc

[Kamen Bundev]

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');
    }
</script>

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.

[Fit2Page]

Thanks Kamen, this works OK!