OnClientMouseOver event not triggered if parent RadMenuItem is expanded

2 posts, 0 answers
  1. Bianca
    Bianca avatar
    1 posts
    Member since:
    Dec 2017

    Posted 05 Aug Link to this post

    Hello,

    I am having a hard time triggering OnClientMouseOver event on parent RadMenuItem after the slide the slide containing the RadMenuItem children had been expanded. For example, take the picture below. When I hover over each sub menu item of Guitars menu item, I should have content of .rmSlide .rmVertical:before changed. It does that onClientMouseOver, but it does not change if I hover back from the slide menu items (like ClassicalGuitars, Steel String Guitars and so on) to the Guitars menu item. Is there any way I can do this easily, some functionality provided by the framework or what do you think it is the best practice in this case ? 

     

    I am looking forward to your reply. 

    Thank you! :)

     

  2. Eric R | Technical Support Engineer
    Admin
    Eric R | Technical Support Engineer avatar
    104 posts

    Posted 06 Aug Link to this post

    Hi Bianca,

    The style properties should only change when the menu has expanded and contracted. Although, I was able to trigger the OnClientMouseOver event after moving over every item in the menu.

    Note that the client-side event handlers in UI for ASP.NET AJAX accept a sender and an arguments object. I recommend using these to work with the controls on the client-side. I have attached a sample and video demonstration to show this in more detail. Additionally, below is the markup that I used.

    <script type="text/javascript">
        function OnClientMouseOver(sender, args) {
            console.log(sender);
            console.log(args);
        }
    </script>
    <div>
        <telerik:RadMenu ID="RadMenu1" runat="server" OnClientMouseOver="OnClientMouseOver">
            <Items>
                <telerik:RadMenuItem runat="server" Text="Main Menu">
                    <Items>
                        <telerik:RadMenuItem runat="server" Text="Sub1">
                        </telerik:RadMenuItem>
                        <telerik:RadMenuItem runat="server" Text="Sub2">
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenu>
    </div>

    For your reference, see the Client-Side Programming documentation for the RadMenu.

    If the issue persists, I'll need to see the RadMenu implementation and ask that you provide the client-side scripts and the RadMenu markup. 

    Please let me know if you need any additional information. Thank you and I look forward to your reply.

    Regards,

    Eric R
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top