Multiline tab text?

4 posts, 0 answers
  1. Dan
    Dan avatar
    13 posts
    Member since:
    Nov 2009

    Posted 08 Aug 2012 Link to this post

    I would like to have something like:

    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)?
  2. Nencho
    Nencho avatar
    1446 posts

    Posted 08 Aug 2012 Link to this post

    Hello Daniel,

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

    the Telerik team
    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 their blog feed now.
  3. DevCraft R3 2016 release webinar banner
  4. Vasssek
    Vasssek avatar
    141 posts
    Member since:
    Aug 2010

    Posted 05 Dec 2015 in reply to Nencho Link to this post


    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


  5. Nencho
    Nencho avatar
    1446 posts

    Posted 09 Dec 2015 Link to this post

    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;
     <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Silk" Width="500">
                        <telerik:RadTab Text="General Information" Width="110px"></telerik:RadTab>
                        <telerik:RadTab Text="Category Information" Width="110px"></telerik:RadTab>

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top