Word Wrap Tab Text

2 posts, 0 answers
  1. Neil N
    Neil N avatar
    89 posts
    Member since:
    Aug 2012

    Posted 14 May 2009 Link to this post

    Is it possible to word wrap the text appearing on tabs?
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 18 May 2009 Link to this post

    Hi Neil,

    We do not recommend using multiline text in the tabs, as the current skins use fixed height images and you will need to make custom skin(s) for this case.

    Still, if you decide to do so, please find below a sample code snippet that shows the needed approach.

    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head id="Head1" runat="server">  
        <title>Untitled Page</title> 
        <style type="text/css">  
            div.RadTabStrip .rtsTxt  
            {  
                white-space: normal;  
            }  
        </style> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server">  
            <Tabs> 
                <telerik:RadTab runat="server" Text="Root RadTab1 Root RadTab1 Root RadTab1 Root RadTab1" 
                    Width="250px">  
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Root RadTab2">  
                </telerik:RadTab> 
            </Tabs> 
        </telerik:RadTabStrip> 
        </form> 
    </body> 
    </html> 

    Regards,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top