Columns in Radmenu

[Joseph]

Hi,

In certain websites I have seen the Menu is rendered in two or three columns. How to do the same with RadMenu? I want to make the RadMenu displayed in two columns so as to save space.

Thanks in advance
Joseph

[Princy]

Hi,

From Q3 2009 release onwards, RadMenu supports multi-column rendering of child items. You can set the DefaultGroupSettings property which determines, in how many columns the child menu items are rendered. Please check the following mark-up.

ASPX:

<telerik:RadMenu ID="RadMenu1" runat="server">
    <DefaultGroupSettings RepeatColumns="2" RepeatDirection="Vertical" />
    <Items>
        <telerik:RadMenuItem runat="server" Text="Products">
            <Items>
                <telerik:RadMenuItem runat="server" Text="Product 1">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem runat="server" Text="Product 2">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem runat="server" Text="Product 3">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem runat="server" Text="Product 4">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
        <telerik:RadMenuItem runat="server" Text="Brands">
            <Items>
                <telerik:RadMenuItem runat="server" Text="Brand 1">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem runat="server" Text="Brand 2">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem runat="server" Text="Brand 3">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem runat="server" Text="Brand 4">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

Thanks,
Princy.