[Solved] Tab Strip : More than Three Tabs ...

[Mohamad]

Hello every one
i'm now using demo version of Telerik MVC
my problem is when i add more than tree tabs in tabStrip , other tabs go to new row of tabstrip , whats the proble ?
here is the code :

  <%
    Html.Telerik().TabStrip()
        .Name("MainTabStrip")
        .HighlightPath (true)

        .Items(items =>
        {
                 items.Add().Text("Tab1")
                           .LoadContentFrom("ReportViewer", "Personel")
                           .ImageUrl (Url.Content ("../Content/Images/pdf.png"));
                     items.Add().Text("Tab2")
                         .LoadContentFrom("Index", "Personel");
   items.Add().Text("Tab3")
                         .LoadContentFrom("Index", "Personel");
   items.Add().Text("Tab4")
                         .LoadContentFrom("Index", "Personel");



        })

        .Render();
%>

Tab4 goes to new line , how can i disable this behavior ?
thanks

[Dimo]

Hi Mohamad,

As you can see in our online demos, there is no problem in having more tabs on a single line:

http://demos.telerik.com/aspnet-mvc/tabstrip

Please check your page layout and styles wih Firebug.

Best wishes,
Dimo
the Telerik team

[Mohamad]

Hello , Thanks for your attention
but i have problem yet
how it is possible to have this problem ?
is'nt it because of demo version ?
 

[Mohamad]

Hi
finally I found the solution !
you were right , the problem was from my css style , here is the source :

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
    width: 100px;
}

i just removed the width attribute ! and everythings worked fine ;)

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

Thank you