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

Tab Width

2 Answers 556 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Aron
Top achievements
Rank 1
Aron asked on 19 Nov 2012, 03:48 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Iliana Nikolova
Telerik team
answered on 20 Nov 2012, 10:23 AM
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!
0
Aron
Top achievements
Rank 1
answered on 24 Nov 2012, 10:18 PM
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;
 }
Tags
TabStrip
Asked by
Aron
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Aron
Top achievements
Rank 1
Share this question
or