Custom Tabstrip

2 posts, 0 answers
  1. Leadeng Leadeng
    Leadeng Leadeng avatar
    21 posts
    Member since:
    Mar 2008

    Posted 12 Nov 2009 Link to this post

    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
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 17 Nov 2009 Link to this post

    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.
Back to Top