custom css for tabstrip

[kmv]

i want to make a tabstrip with very small tabs, which i guess means reducing the padding in the tabstrip common css file , but then that will affect all tabstrips (will it?)

so i guess then i need to rename all the classes in the common tabstrip css file but how do i tell tabstrip to use all my new classes ?


thanks
kevin

[Princy]

Hello Kevin,

You can set the css class for the tab as shown below to reduce the size for a particular TabStrip:
aspx:

  <telerik:RadTabStrip ID="RadTabStrip1" CssClass="Tab"   runat="server" >
         <Tabs>
             <telerik:RadTab Text="Text1" runat="server">
             </telerik:RadTab>
             <telerik:RadTab Text="Text2" runat="server">
             </telerik:RadTab>
             <telerik:RadTab Text="Text3" runat="server">
             </telerik:RadTab>
             <telerik:RadTab Text="Text4" runat="server">
             </telerik:RadTab>
         </Tabs>
        </telerik:RadTabStrip>

css:

<style type="text/css">

     .Tab .rtsIn {padding:0px !important;}

</style>

Thanks
Princy.

[kmv]

hi there


thanks for that ...  but wont that set the padding for all the tabstrips on the page rather than just the one i want with small tabs ?



kevin

[kmv]

hi princy


ok i see the Tab class makes sure it only applies to my one tabstrip ?

actually the css needs to be :

<style type="text/css">                    
        .Tab .rtsOut {padding-right:2px !important;}
        .Tab .rtsLink {padding-left:2px !important;}
</style>


thanks
kevin

[vamshi]

Is there any way to add custom class name to  <kendo-tabstrip-tab [title]="Home" [selected]="true">

Thanks in advance