This is a migrated thread and some comments may be shown as answers.

Rad Menu Show/Hide

1 Answer 66 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Jagat
Top achievements
Rank 1
Jagat asked on 07 May 2019, 10:21 PM

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

 

 

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 10 May 2019, 01:22 PM
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.
Tags
Menu
Asked by
Jagat
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or