[Solved] how to wrap text only for level 1 menu item?

[AUK]

how to wrap text only for level 1 menu item? as I don't want to wrap text for the menu sub item, is this possible?

Many thanks

[Shinu]

Hi AUK,

Please have a look into the following code snippet to achieve your scenario.

ASPX:

<telerik:RadMenu ID="RadMenu1" runat="server">
    <Items>
        <telerik:RadMenuItem runat="server" Text="Root Item 1">
            <Items>
                <telerik:RadMenuItem runat="server" Text="This is an extremely long item text that is used to illustrate the use of the CssFile property"
                    CssClass="WrappingItem">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

CSS:

<style type="text/css">
    .WrappingItem
    {
        white-space: normal !important;
        background-image: none !important;
    }
    .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmVertical .rmText
    {
        background-image: none !important;
    }
</style>

Thanks,
Shinu.