Tabs display in two lines when adding space

2 posts, 0 answers
  1. Covertix
    Covertix avatar
    96 posts
    Member since:
    Aug 2008

    Posted 30 May 2012 Link to this post


    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?

  2. Kate
    Kate avatar
    1898 posts

    Posted 04 Jun 2012 Link to this post

    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,
    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.
Back to Top