Tab Width

3 posts, 1 answers
  1. Aron
    Aron avatar
    24 posts
    Member since:
    Sep 2011

    Posted 19 Nov 2012 Link to this post

    How do you change the width of each of the tabs on a TabStrip?
    div#tabs li.k-item {
        width:300px;
        color: red;
    }

    This style change has no effect.  Thanks


     

     

  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2594 posts

    Posted 20 Nov 2012 Link to this post

    Hi Aron,

    In order to achieve the desired outcome you should change the used selector. I believe the following one should help: 
    .k-tabstrip ul li.k-item{
       width: 300px;
       color: red;
    }

    Regards,

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Aron
    Aron avatar
    24 posts
    Member since:
    Sep 2011

    Posted 24 Nov 2012 Link to this post

    That almost worked.  When I did a mouseover for a tab only the text highlighted instead of the entire tab.  The following solved it.
    I do nt know why I need a smaller width for k-link, but if it is the same it goes beyond the tab.  Thanks. Mark as closed.
    .k-tabstrip ul li.k-item, li.k-tabstrip-items{
         width: 212px;
     }
     .k-link{
         width: 185px;
     }
Back to Top