[Solved] RadMenu and IE7 - Not displaying child menus

[IT]

I am using the following code to generate a menu

<telerik:RadMenu ID="RadMenu2" runat="server" Flow="Vertical" Skin="Black" EnableEmbeddedSkins="true">
            <DefaultGroupSettings />
              <Items>
            <telerik:RadMenuItem runat="server"
                ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/agreementsummaryover.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/agreementsummaryover.png"
                ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/agreementsummary.png"
               >
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server"
                ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/over.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/activeover.png"
                ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/active.png" >
                <Items>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsdata.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsdataover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                          ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsreceived.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsreceivedover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                          ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activeagreements.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activeagreementsover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                          ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activestudent.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activestudentover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                         ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/annualisedgross.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/annualisedgrossover.png">
                    </telerik:RadMenuItem>
                </Items>

            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server"
                ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/cancelledover.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/cancelledover.png"
                ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/cancelled.png" width="202px">
                <Items>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledagreements.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledagreementso.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledstudentanalysis.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/studentanalover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledgraph.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledgraphover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/piechart.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/piechartover.png">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server"
                ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/priceover.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/priceover.png"
                ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/price.png" width="202px" >
                <Items>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/price.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/priceover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server"
                        ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/reviewreminders.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/reviewremindersover.png">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
        </Items>
        </telerik:RadMenu>

The problem is that in IE7 the submenus never appear

in all other browser the menu works fine -

Everything worked fine before updated to Q1 2009 relist.

Any ideas what is causing this issue.

Bear in mind that i am not using any custom CSS and this menu is just on a blank aspx page for testing

[Paul]

Hello Brian,

You can take a look at our Image Only example that shows the needed approach. In addition, here's your modofied code snippet.

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        .rmLink, .rmLeftImage
        {
            padding: 0 !important;
            margin: 0 !important;
        }
        .rmLeftImage
        {
            position: relative !important;
        }
        .rmText
        {
            display: none !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="smTest">
    </asp:ScriptManager>
    <telerik:RadMenu ID="RadMenu2" runat="server" Flow="Vertical" EnableEmbeddedSkins="false">
        <Items>
            <telerik:RadMenuItem runat="server" ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/agreementsummaryover.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/agreementsummaryover.png"
                ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/agreementsummary.png">
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server" ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/over.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/activeover.png" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/active.png">
                <Items>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsdata.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsdataover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsreceived.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/agreementsreceivedover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activeagreements.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activeagreementsover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activestudent.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/activestudentover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/annualisedgross.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/active/annualisedgrossover.png">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server" ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/cancelledover.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/cancelledover.png"
                ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/cancelled.png" Width="202px">
                <Items>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledagreements.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledagreementso.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledstudentanalysis.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/studentanalover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledgraph.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/cancelledgraphover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/piechart.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/cancelled/piechartover.png">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
            <telerik:RadMenuItem runat="server" ExpandedImageUrl="~/SchoolAdmin/v2/images/agreementsimages/priceover.png"
                HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/priceover.png" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/price.png"
                Width="202px">
                <Items>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/price.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/priceover.png">
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem runat="server" ImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/reviewreminders.png"
                        HoveredImageUrl="~/SchoolAdmin/v2/images/agreementsimages/menuimages/prices/reviewremindersover.png">
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>
    </form>
</body>
</html>

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.