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

Editing the tab strip

3 Answers 26 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Luka
Top achievements
Rank 1
Luka asked on 25 Nov 2013, 01:13 PM
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?

3 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 28 Nov 2013, 07:43 AM
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.
0
Luka
Top achievements
Rank 1
answered on 28 Nov 2013, 11:46 AM
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?
0
Shinu
Top achievements
Rank 2
answered on 29 Nov 2013, 10:07 AM
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.
Tags
TabStrip
Asked by
Luka
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Luka
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Share this question
or