Multi-Column Menu

[DanHoughton]

Hello,

I'm trying to use the RadMenu with multiple columns.  When I set RepeatColumns in the DefaultGroupSettings to 2 I get one column and a second column of white space.  When I set repeatColumns to3, I get two columns with one column of whitespace.  I also can't figure out how to cause a break from column one to column two - it is breaking between items 4 and 5 out of a list of 10.  Goofy.

Attached is a .jpg of what the display looks like and the code is below.  Any ideas what is going on?  Thanks.

Dan

Code:

<telerik:RadMenu ID="Testing" runat="server" CollapseDelay="60000"  >
    <DefaultGroupSettings RepeatColumns="3" RepeatDirection="Vertical" />
    <Items>
        <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">
            <Items>
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 4" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 5" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 6" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 7" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 8" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 9" />
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 10" />
            </Items>
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

[T. Tsonev]

Hi Dan,

Here's how it looks here:



Can you, please, check that you're not changing the width of ul and li elements inside RadMenu with CSS?

Kind regards,
Tsvetomir Tsonev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[DanHoughton]

Hi Tsvetomir,

Thanks for you help.  I removed all the .css formating and am getting the same results.  After some additional testing I've found that the display is perfect when I use Chrome as the browser.  FireFox works well also.  It is only IE 8.0 that isn't displaying correctly.  I've attached an image of the display from FireFox.

Additionally, I've changed the code a bit so the display looks more like what we're trying to achieve - a menu dymanically populated with 1, 2 or 3 variable length columns.  Below is the changed code.  Thanks for your help.  By the way, the CollapseDelay is so I can get a capture of the menu.

Dan

Code:

<telerik:RadMenu ID="Testing" runat="server" CollapseDelay="6000" Visible="true" >
    <DefaultGroupSettings RepeatColumns="3" RepeatDirection="Vertical" />
    <Items>
        <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">
            <Items>
                <telerik:RadMenuItem runat="server" Text="Bodies" Enabled="false" />
                <telerik:RadMenuItem runat="server" Text="Body #1" />
                <telerik:RadMenuItem runat="server" Text="Body #2" />
                <telerik:RadMenuItem runat="server" Text="&nbsp;" Enabled="false" />
                <telerik:RadMenuItem runat="server" Text="Inserts" Enabled="false" />
                <telerik:RadMenuItem runat="server" Text="Insert #1" />
                <telerik:RadMenuItem runat="server" Text="Insert #2" />
                <telerik:RadMenuItem runat="server" Text="Insert #3" />
                <telerik:RadMenuItem runat="server" Text="Accessories" Enabled="false" />
                <telerik:RadMenuItem runat="server" Text="Accessory #1" />
                <telerik:RadMenuItem runat="server" Text="&nbsp;" Enabled="false" />
                <telerik:RadMenuItem runat="server" Text="&nbsp;" Enabled="false" />
            </Items>
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

[Dimitar Milushev]

Hello,

We have identified the problem and it's already fixed in our internal codebase. The fix will be included in the Service Pack scheduled for next week.

Please excuse us for the inconvenience.

Greetings,
Dimitar Milushev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[DanHoughton]

Hi Dimitar,

Wonderful.  Thank you.

Dan

[CE Development]

Is this fix in the 2010.1 415 April 15, 2010 release of RadControls for Asp.Net AJAX? I'm having the same issue with my multi-column menus in IE.

[T. Tsonev]

Hi Thomas,

Yes, we confirm that the problem with the columns being incorrectly wrapped in IE 8 is fixed in the SP1 release.

Kind regards,
Tsvetomir Tsonev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[CE Development]

Hi Tsvetomir,
     Great, I'll work in the upgrade.

Thanks,
Tom