RadTabStrip skin question

[Ben]

I'm using a RadTabStrip with HorizontalTop orientation. I want there to be a horizontal line separating the RadTabStrip from the RadMultiPage below it for the FULL WIDTH of the RadTabStrip (except for the Selected Tab). This happened when I used the Office 2007 skin. But when I base my skin on the Outlook skin (for other reasons) the separating line is only there for unselected tabs, not for the part of the RadTabStrip that extends to the right of the tabs I have defined. Which part of the skin is it that makes the line extend to the right as far as the width of the RadTabStrip?

Ben

[Ben]

Correction: my previous post says that the Office 2007 skin does what I want, but actually it doesn't mark the width of the RadTabStrip with a line but with a block of background colour. How can I modify a skin to make the horizontal line I described in my previous post?

Ben

[Alex Gyoshev]

Hi Ben,

You should add a one-pixel background image for the .rtsLevel1 CSS class, e.g.:

.RadTabStrip_Office2007 .rtsLevel1
{
    background: #bbd7fa url('TabStrip/Background.gif') repeat-x 0 100%;
}

The code above is copied directly from the Telerik.Web.UI assembly and will be available with the Q2 release - so there will be a line at the bottom of the Office2007 tabstrip skin.

Regards,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[DAVE]

I'm trying to do the same thing, that is, display a line extending from the last tab to the 100% width of the page but haven't been able to get it working.  I see no background.gif file anywhere in the Skins folder or subfolders.  Should there be a file there somewhere?

Using ASP.NET AJAX Q1 2010 version.

[Yana]

Hi Dave,

I've attached a simple page demonstrating the needed approach, please download it and give it a try.

Kind regards,
Yana
the Telerik team