Rad Menu Show/Hide

2 posts, 0 answers
  1. Jagat
    Jagat avatar
    151 posts
    Member since:
    Jan 2011

    Posted 07 May Link to this post

    Hello,

    I want the rad menu to appear when i hover on it and immediately after clicking on a item, it should hide the menu.

    Is there any built in property for this?

     

    Thanks in advance

     

     

  2. Rumen
    Admin
    Rumen avatar
    14011 posts

    Posted 10 May Link to this post

    Hi Jagat,

    Here you are an example:

    <div id="hiddenDivWrapper">
        <div id="menuWrapper" style="visibility: hidden;">
     
            <telerik:RadMenu ID="RadMenu1" runat="server" OnClientItemClicked="OnClientItemClicked">
                <Items>
                    <telerik:RadMenuItem Text="Item1"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item2"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item3"></telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </div>
    </div>
    <script>
        $telerik.$("#hiddenDivWrapper").hover(function () {
            $telerik.$("#menuWrapper").css("visibility", "visible");
        });
     
        function OnClientItemClicked(sender, args) {
            $telerik.$("#menuWrapper").css("visibility", "hidden");
        }
    </script>


    Best regards,
    Rumen
    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