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

Tabstrip tabs formatting

1 Answer 117 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Jason Piecora
Top achievements
Rank 1
Jason Piecora asked on 25 Feb 2016, 07:34 PM

Hey,

 

I am trying to format the tabs of the tabstrip as a separate entity. I want to have a gap in between the tabs horizontally. Here is my html code. Can you help me with the classes/styles that I need to modify in order to achieve my design. Thanks

<div id="tabstrip">
      <ul>
      <li class="tab-apart">TEST 1</li>
      <li class="tab-apart">TEST 2</li>
      <li class="tab-apart">TEST 3</li>
    </ul>

     <div>Content 1</div>
      <div>Content 2</div>
      <div>Content 3</div>

</div>

1 Answer, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 29 Feb 2016, 02:40 PM
Hello,

you should be able to use margin-right on the selector to achieve that. Make sure that the selector has higher specificity than the one used in our skins, though. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
TabStrip
Asked by
Jason Piecora
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Share this question
or