submenus dont appear in IE10

6 posts, 1 answers
  1. David
    David avatar
    38 posts
    Member since:
    May 2013

    Posted 03 Sep 2013 Link to this post

    I've just realised that when hovering over a Main Menu item, the Sub Menu items don't appear in IE 10. I've tested with IE8 and Chrome and the Sub Menu items appear.
    I have removed all my css from the RadMenu and it still doesn't seem to show in IE10.
    I am using version 2013.2.611.45 of the Telerik.Web.UI dll.

    A very simple example where it is not showing is:

    <div style="height:20%;padding-top:51px;width:100%;">
            <telerik:RadMenu  CollapseAnimation-Duration="2000" ExpandAnimation-Duration="2000"  ID="RadMenu1" Style="float:right;" Flow="Horizontal" runat="server">
              
           <Items>
               <%--when moving the order of these items, make sure you update the Enum in code--%>
               <telerik:RadMenuItem Text="menu 1"></telerik:RadMenuItem>
               <telerik:RadMenuItem Text="menu 2"></telerik:RadMenuItem>
               <telerik:RadMenuItem Text="menu 3"></telerik:RadMenuItem>
               <telerik:RadMenuItem Text="menu 4"></telerik:RadMenuItem>
               <telerik:RadMenuItem Text="menu 5"></telerik:RadMenuItem>              
               <telerik:RadMenuItem Selected="true" Text="menu 6">             
                   <Items>
                                               
                       <%--when moving the order of these items, make sure you update the Enum in code--%>
                       <telerik:RadMenuItem Text="Admin 1"></telerik:RadMenuItem>
                       <telerik:RadMenuItem Text="Admin 2"></telerik:RadMenuItem>
                       <telerik:RadMenuItem Text="Admin 3" ></telerik:RadMenuItem>
                       <telerik:RadMenuItem Text="Admin 4" ></telerik:RadMenuItem>
                   </Items>
               </telerik:RadMenuItem>
           </Items>
       </telerik:RadMenu>
        </div>
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 03 Sep 2013 Link to this post

    Hi David,

    Can you please check if there are any errors on the page that occur when you try to expand the child items of the RadMenu control? If you can provide us with a live url of the page where you experience the issue, it would be very useful so I can inspect the issue from my side and assist you in the most efficient way. 

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David
    David avatar
    38 posts
    Member since:
    May 2013

    Posted 03 Sep 2013 Link to this post

    thanks for the reply.
    I can't send you a link to the live page as its on a secure website.
    i have just noticed that the Sub Menu items appear when i click the Main Menu item, though.
    This isn't the desired response as i expected it to work just by hovering over.

    when I click the Main Menu item a second time, the NavigateURL then gets activated (which is what it should be doing)

    I decided to see what happens if i set ClickToOpen to False. I believe it should default as False if you dont add that Property.
    Even with ClickToOpen set to False, i still have to Click the Menu Item to open the Sub Menu items in IE10. 
    In Chrome and IE8, it doesn't Open when I Click, but correctly opens when i hover.

    just to complete my testing, I now set the ClickToOpen Property to True.
    Testing in Chrome, Hovering over the Menu Item correclty doesn't work. I click on the item and the Sub Menu items correctly appear but it also fires the NavigateURL that i have set.


    Testing in IE10, Hovering over the Menu Item correctly doesn't work. I click on the item and the Sub Menu items correctly appear but this time the NavigateURL DOESNT fire.


    There are no error messages that appear.
  5. David
    David avatar
    38 posts
    Member since:
    May 2013

    Posted 04 Sep 2013 Link to this post

    i've done abit more testing and this is what i've found.

    when i upload my Application to our Testing Server, the 'hover over' works. when testing on my localhost, it doesn't. there is no difference in any of the code between the two.

    when testing on my localhost, i press F12.
    The default settings are:

    Browser Mode: IE10
    Document Mode: Standards

    if i change Document Mode to 'Internet Explorer 9 Standards' the 'hover over' now works.
    when i change Document Mode back to 'Standards', the 'hover over' no longer works and i have to click on the Menu Item to get the Sub Menu Items.

    does my testing make sense?
  6. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 05 Sep 2013 Link to this post

    Hi David,

    I understand the issue that you are getting and since we have been implementing different changes to the control in the later versions of the RadControls I would suggest that you get the latest version and check if this behavior is still present in your scenario. If that is the case, I would kindly like to to ask you to open a support ticket where you can attach a very simplified runnable project. Thus I can test it from my side and inspect what might be causing the issue that you get.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  7. David
    David avatar
    38 posts
    Member since:
    May 2013

    Posted 09 Sep 2013 Link to this post

    thanks Kate.
    i'm actually confused now because its started working as expected.
    I did update to the latest 2013.2.717.45 version on Friday but it didn't seem to make a difference.

    I was working on my project this morning and suddenly realised that the menubar was working correctly.
    I hadn't made any changes to my Application and my Browser Mode is still set as IE10; Document Mode set as 'Standards'.

    although i'm not sure why its worked, it has. so my problem is solved :D

    i'll mark your last post as the Answer just to make it clear that my problem is fixed.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017