Horizontal menus not working after update

7 posts, 0 answers
  1. Bob
    Bob avatar
    138 posts
    Member since:
    Sep 2012

    Posted 24 Jan 2013 Link to this post

    Today I updated to 2012.3.1315 and the menu's work differently. I have a horizontal menu and the menus drop down fine, but sub-menus rather than flying out to the right (or left if collision is detected) just pop-over the existing menu. Here is a screen cast of it:

    http://screencast.com/t/ItUsyEGtB

    Not good. Is there a new option I need to set. While I am using KendoUI MVC complete I am not using the wrappers for the menu... I just use the client side API.

    BOb

  2. Bob
    Bob avatar
    138 posts
    Member since:
    Sep 2012

    Posted 24 Jan 2013 Link to this post

    Ok... it appears that this might have been due to moving to jquery 1.8.3. I was testing some other issues and went back to 1.7.1 and the menu started working normally. 

    It was my understanding the docs called for a required version to 1.8.2... which I thought was the minimum version supported/tested.

    BOb
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 25 Jan 2013 Link to this post

    Hello Bob,

    I am not sure what may be causing the unexpected behavior. Can you check our online demos, which have Kendo UI 2012.3.1315 and jQuery 1.8.2? They work correctly.

    http://demos.kendoui.com/web/menu/direction.html

    Greetings,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Bob
    Bob avatar
    138 posts
    Member since:
    Sep 2012

    Posted 25 Jan 2013 Link to this post

    I don't know what to tell you. It works as I showed you. If I do nothing but change my jquery reference to 1.7.1 it works correctly again. Also tried 1.8.2, same problem. Here is my head section:

        <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/cupertino/jquery-ui.css" rel="stylesheet"/>
     
     
         
        <link type="text/css" href="http://aspnet-skins.telerikstatic.com/mvcz/2012.2.607/telerik.common.min.css" rel="stylesheet"/>
      
     
         
        <link href="//da7xgjtj801h2.cloudfront.net/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet"/>
     
        <link href="//da7xgjtj801h2.cloudfront.net/2012.3.1315/styles/kendo.blueopal.min.css" rel="stylesheet"/>
     
        <link href="/Amsi-v7.5.2/Content/sitecss?v=ElY3JvCXl4coTgnSn6P6T8DZobACcfROw8X8trOPjHY1" rel="stylesheet"/>
     
     
         
     
        <script src="/Amsi-v7.5.2/bundles/modernizr?v=CrSQ2JqMBWFfh4TBo_qC9my0VuaYyxxvmeIWgZa7B0U1"></script>
     
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
     
        <script src="//da7xgjtj801h2.cloudfront.net/2012.3.1315/js/kendo.all.min.js"></script>
     
        <script src="//da7xgjtj801h2.cloudfront.net/2012.3.1315/js/kendo.aspnetmvc.min.js"></script>
     
     
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
     
        <script src="/Amsi-v7.5.2/bundles/jqueryval?v=1zW5LyjjqW70AvN9wD7lurTDgIZaHtWF3J20oTHAdts1"></script>
     
        <script src="/Amsi-v7.5.2/bundles/jqueryplugins?v=L8v1dw9IF1ugyjsuIvEQzUYDjZVQ22s5sj3lOrI3k7Y1"></script>
     
        <script src="/Amsi-v7.5.2/bundles/amsi_common?v=yPOM-SFRQZwQGWEzSe-0oUEKOBUkBNP5ZeiD2sYbA8I1"></script>
    I have tried to remove the telerick css and the jqueryui css to see if that interfered. Any suggestions would be helpful. Unfortunately this project isn't public so you can't look at it. I will see if I can duplicate it in a sample project. We do use jquery templates to form the menu DOM elements, but it's always been that way. (If not, I'll see if I can get this up on Azure or something.)

    BOb
     
  6. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 25 Jan 2013 Link to this post

    Hi Bob,

    I am afraid I didn't understand - does the Menu on our online demos work correctly on your side or not? If yes, then there must be some CSS or Javascript code in your application that triggers the problem.

    Probably it will be best and simplest to provide a jsFiddle or a jsBin demo.

    All the best,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Bob
    Bob avatar
    138 posts
    Member since:
    Sep 2012

    Posted 25 Jan 2013 Link to this post

    Yes, your demos work... but I don't ship your demos. So, I am asking if you could point to something that could be causing this? As I said, I will try to duplicate it somehow in jsfiddle or in a small project. 
  8. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 28 Jan 2013 Link to this post

    Hi Bob,

    The easiest thing that you can try is strip away any custom stylesheets that you are using. This may isolate the problem quickly. If it does not make a difference, then the next thing is to remove other JS libraries and custom scripts.

    If you need further assistance, please provide a demo and I will inspect it.

    All the best,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready