This is a migrated thread and some comments may be shown as answers.

Tabs display in two lines when adding space

1 Answer 22 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Covertix
Top achievements
Rank 1
Covertix asked on 30 May 2012, 02:00 PM
Hi,

I have a rad tab strip on my page.
I want to have a space between the tabs, so I used this line of code as posted in your forum, and it worked:

div.RadTabStripTop_Vista .rtsLI

{

margin-right: 10px;

 

}

The problem is that with this space, I get my tabs in 2 lines instead of 1.
I tried to set a fixed width to each tab, but it is still changed with an inline style.
foreach (RadTab tab in rts)
{
    tab.width = Unit.Pixel(115);
}
in CSS i get: style= "175px;"

I changed the rad tab strip width too.
<

telerik:RadTabStrip ID="rts" runat="server" Skin="Vista" MultiPageID="RadMultiPage1" OnClientTabSelected="onTabSelected"

SelectedIndex="0" Align="Justify" Width="700px">



It seems like the tabs are fiting their size or something.

How can I solve this?
Thanks!


1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 04 Jun 2012, 09:56 AM
Hi Tzach,

You can use the following css class to get the desired appearance of the RadTabStrip control:
a.rtsLink.rtsSelected, a.rtsLink.rtsBefore, a.rtsLink
        {
            margin-right: 5px;
            margin-left: 5px;
        }

Kind regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
TabStrip
Asked by
Covertix
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or