RadMenu does not close

[Ken]

I have a radmenu in a template column. When clicking on one in a row then clicking on another is a different row the first one does not close.

See attached.

[Rumen]

Hi Ken,

You can use the item blur event of the menu to close the popup, e.g.

 

   <script type="text/javascript">

        function OnClientItemBlurMenu(sender, args) {
            setTimeout(function () {
                sender.close(true);
            }, 200);
        }

        function OnClientMouseOverHandler(sender, eventArgs) {
            if (eventArgs.get_item().get_parent() == sender) {
                sender.set_clicked(false);
            }
        }
    </script>


     <telerik:RadMenu RenderMode="Classic" ID="RadMenu1" runat="server" ClickToOpen="true" ExpandAnimation-Type="None"
                ExpandAnimation-Duration="0" CollapseAnimation-Duration="0" EnableEmbeddedSkins="false"
                OnClientItemBlur="OnClientItemBlurMenu"
                OnClientMouseOver="OnClientMouseOverHandler">
              <Items>
                      <telerik:RadMenuItem ImageUrl="image.png"></telerik:RadMenuItem>
             </Items>
     </telerik:RadMenu>

 

Regards,
Rumen
Progress Telerik