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

Custom Tabstrip

1 Answer 71 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Leadeng Leadeng
Top achievements
Rank 1
Leadeng Leadeng asked on 13 Nov 2009, 03:29 AM
Hi

Please find the attached tabstrip image file.  I would like to customize tabstrip similar to the image in the file.   Notice, I need to add a text on right side of the tab strip. 

Let me know if it is possible to achieve.

Thanks
Manish

1 Answer, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 17 Nov 2009, 01:56 PM
Hello Manish,

Please, try the following example and let us know if this is what you need:
<head runat="server">
    <title></title>
    <style type="text/css">
        .rtsFirst .rtsOut, .rtsFirst .rtsLink
        {
            background: none !important;            
        }
        .rtsUL
        {
            width: 100% !important;
        }
        .rtsFirst
        {
            float: right !important;
        }
        .RadTabStrip
        {
            border-bottom: solid 1px black !important;    
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadTabStrip ID="RadTabStrip1" Skin="Telerik" Width="100%" runat="server">
        <Tabs>
            <telerik:RadTab runat="server" Text="Text here">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Root RadTab1">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Root RadTab2">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Root RadTab3">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>


All the best,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
TabStrip
Asked by
Leadeng Leadeng
Top achievements
Rank 1
Answers by
Peter
Telerik team
Share this question
or