Tabs display in two lines when adding space

2 posts, 0 answers
  1. Tzach Kaufmann
    Tzach Kaufmann avatar
    95 posts
    Member since:
    Aug 2008

    Posted 30 May 2012 Link to this post

    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!


  2. Kate
    Admin
    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,
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top