Automatically close / collapse menu if not hovered over after a certain time

[Chris Haas]

Hello,

I'm using the RadMenu as the main navigation menu in my website.  If a user clicks / opens a menu item and then moves their mouse off the menu, I would like the menu to automatically close after a certain configurable time span (ie, 2 seconds).  Is this functionality built in to the control?

Thanks,
Chris

[Princy]

Hello Chris,

As far as I know there is no built in method to achieve the same. You can achieve the same functionality by subscribing the OnClientMouseOver event and from there you can call the setTimeOut function with desired time delay.

javascript:

<script type="text/javascript">
  var menuItem;
    function OnClientMouseOver(Sender, args)
    {
        menuItem=args.get_item();
        setTimeout("CloseMenu()", 2000);//set the time duration here
    }
    function CloseMenu()
    {
        menuItem.close();
    }
</script>

Here is the corresponding RadMenu:

<telerik:RadMenu ID="RadMenu1"  runat="server OnClientMouseOver="OnClientMouseOver">
            <Items>
             . . . . . . . . . . .

Thanks,
Princy.