I don't know if this is a feature or a bug, but in my Multicolumn RadMenus not all the rendered columns have the same number of items (please see may attachment). This can be also reproduced with the demo samples from Telerik (http://demos.telerik.com/aspnet-ajax/menu/examples/multicolumnmenu/defaultcs.aspx) if the column number of columns is set to 3 (the submenues of "Support", "Community" and "Company").
In my oppinion the correct layout should provide equal column heights (as number of items per column) and only the last column can have fewer items.
Here is my code:
<t
elerik:radmenu runat="server" ID="RadMenu1" EnableRoundedCorners="true" EnableShadows="true" Skin="Sitefinity">
<DefaultGroupSettings RepeatColumns="5" RepeatDirection="Vertical" />
<Items>
<telerik:RadMenuItem Text="Blablabla" NavigateUrl="Default.aspx">
<Items>
<telerik:RadMenuItem BackColor="Red" runat="server" Text="Company1"></telerik:RadMenuItem> <telerik:RadMenuItem runat="server" Text="Services2"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Services3"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Partners4"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Contacts5"></telerik:RadMenuItem>
<telerik:RadMenuItem BackColor="Red" runat="server" Text="Company"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Services"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Partners"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Contacts"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Company"></telerik:RadMenuItem>
<telerik:RadMenuItem BackColor="Red" runat="server" Text="Services"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Partners"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Contacts"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Company"></telerik:RadMenuItem>
<telerik:RadMenuItem BackColor="Red" runat="server" Text="Services"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Partners"></telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Contacts"></telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="Test" NavigateUrl="Default.aspx"></telerik:RadMenuItem>
</Items>
</telerik:radmenu>
How can I achieve such a layout (having all the columns equal - except the last one if is necesary)?
Thanks!