Editing the tab strip

[Luka]

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?

[Nencho]

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

[Luka]

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?

[Shinu]

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.