Rad Menu Show/Hide

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

    Posted 07 May 2019 Link to this post


    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
    Rumen avatar
    14220 posts

    Posted 10 May 2019 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">
                    <telerik:RadMenuItem Text="Item1"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item2"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Item3"></telerik:RadMenuItem>
        $telerik.$("#hiddenDivWrapper").hover(function () {
            $telerik.$("#menuWrapper").css("visibility", "visible");
        function OnClientItemClicked(sender, args) {
            $telerik.$("#menuWrapper").css("visibility", "hidden");

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