Editing the tab strip

4 posts, 0 answers
  1. Luka
    Luka avatar
    13 posts
    Member since:
    Oct 2013

    Posted 25 Nov 2013 Link to this post

    Hi guys i want to edit the upper part of the tab strip like i've shown in this picture:

    http://shrani.si/f/0/bC/JvWtwbF/tabstrip.png

    I'd like to add user info and app info since its a touch app i wanna use all the space i can.

     is there a good solution for this or should i "hack" it with javascript after page load?
  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 28 Nov 2013 Link to this post

    Hello Luka,

    You could achieve the desired functionality, by using the TabTemplate of the desired RadTab. Please consider the following implementation as an example :

    <telerik:RadTabStrip runat="server" ID="RadTabStrip1" Skin="MetroTouch">
           <Tabs>
               <telerik:RadTab Text="Tab1" Width="80px">
               </telerik:RadTab>
           </Tabs>
           <Tabs>
               <telerik:RadTab Text="Tab2" Width="80px">
               </telerik:RadTab>
           </Tabs>
           <Tabs>
               <telerik:RadTab Text="Tab3" Width="400px">
                   <TabTemplate>
                       Add the desired user info and application info here
                   </TabTemplate>
               </telerik:RadTab>
           </Tabs>
       </telerik:RadTabStrip>



    Regards,
    Nencho
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Luka
    Luka avatar
    13 posts
    Member since:
    Oct 2013

    Posted 28 Nov 2013 Link to this post

    Hi! It would be a cool choice but I can't seem to disable the third tab so it wouldnt be clickable. Is there any way to do that?
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Nov 2013 Link to this post

    Hi Luka,

    Please try to set the Enabled property of RadTab to false to disable the TabTemplate. Please have a look into the following ASPX.

    ASPX:
    <telerik:RadTab Text="Tab3" Width="400px" Enabled="false">
        <TabTemplate>
            Add the desired user info and application info here
        </TabTemplate>
    </telerik:RadTab>

    Thanks,
    Shinu.
Back to Top