Multiline tab text?

[Dan]

I would like to have something like:
Line1
Line2

for each tab text. I can separate the lines by using <br /> (Line1<br />Line2) but the tabs do not look right. It looks like two tabs are placed on top of each other instead of one tab that is twice as high.

The best I could find on this issue is a forum post from 2009 where you have to manipulate the skins. Is there any better solution now (2012 version)?

[Nencho]

Hello Daniel,

Unfortunately, at this time, the desired functionality is not a supported scenario for the RadTabStrip control.

Greetings,

Nencho

the Telerik team

[Vasssek]

Hello,

I wonder if there a solution for this issue at the end of 2015 ? It can be just for Silk or Glow skin which use css3.

Please provide to us some example...

Thank you

Best regards

Vasssek

[Nencho]

Hello Daniel,

You can easily achieve the desired functionality if you apply the white-space style rule to normal of the rtsLink class selector. Please consider the below implementation:

<style type="text/css">

        html .RadTabStrip .rtsLink {

            white-space: normal;

        }

 </style>


 <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Silk" Width="500">

                <Tabs>

                    <telerik:RadTab Text="General Information" Width="110px"></telerik:RadTab>

                    <telerik:RadTab Text="Category Information" Width="110px"></telerik:RadTab>

</telerik:RadTabStrip>

Regards,
Nencho
Telerik