RadMenu, Multicolumn column height issue

[Eugen]

Hi everyone,

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!

[Peter]

Hi Eugen,

This behavior is by design and it follows that of the sitemap control. Anyway, thanks for your question. We will consider providing more control over the display of the items within the columns.


All the best,
Peter
the Telerik team

[Sachin]

Hi,
Quick question.. Has this been fixed - or is there any other option to achieve this ?

Regards
Sachin

[Kate]

Hello Sachin,

Please take a look at this demo where you can test how the RadMenu control behaves when you are setting different number of columns. As I tested this issue it seems that, for our old skin the issue is fixed but for some of the new skins it is still an issue. I will log this in our internal system so that our developers can fix it shortly.

Regards,
Kate
Telerik