Columns in Radmenu

2 posts, 1 answers
  1. Joseph
    Joseph avatar
    21 posts
    Member since:
    Mar 2013

    Posted 05 Apr 2013 Link to this post

    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
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Apr 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top