Can you rotate the text in a menu item?

3 posts, 0 answers
  1. Trent Ballew
    Trent Ballew avatar
    14 posts
    Member since:
    Aug 2009

    Posted 29 Sep 2009 Link to this post

    I'd like to create a vertical menu with text rotated 90 degrees counter-clockwise.  Is there a way to do this?

    Essentially, what I'm trying to do is create an expandable menu that can collapse into a vertical tab like the toolbox in visual studio (with text rotated to save horizontal space).
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 30 Sep 2009 Link to this post

    Hello Trent,

    You can try out the following css setting to rotate the text of the menu item:
     <telerik:RadMenu  ID="RadMenu1" runat="server" Flow="Horizontal"
                <telerik:RadMenuItem Height="50px" CssClass="mymenu" Text="menu1">  
                 <telerik:RadMenuItem Text="submenu1">             
                <telerik:RadMenuItem Text="submenu2">             

     .mymenu .rmText 
            -moz-transform: rotate(-90deg); /* Mozilla FireFox */ 
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE */ 

  3. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 30 Sep 2009 Link to this post

    Hi Trent,

    You can also add:
    -webkit-transform: (-90deg);
    to rotate the text in Safari/Chrome too.

    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top