Can you rotate the text in a menu item?

[Trent Ballew]

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).

[Princy]

Hello Trent,

You can try out the following css setting to rotate the text of the menu item:
aspx:

 <telerik:RadMenu  ID="RadMenu1" runat="server" Flow="Horizontal">
            <Items>
            <telerik:RadMenuItem Height="50px" CssClass="mymenu" Text="menu1">
            <Items>
             <telerik:RadMenuItem Text="submenu1">
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="submenu2">
            </telerik:RadMenuItem>
            </Items>
            </telerik:RadMenuItem>
            </Items>
 </telerik:RadMenu>

css:

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

    }

Thanks
Princy.

[Kamen Bundev]

Hi Trent,

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

Regards,
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.