HoverMenuExtender enables you to display a pop-up menu when you move the mouse pointer over the target control . This extender is attached to an ASP.NET control and associates that particular control with a pop-up panel that display additional control. Using HoverMenuExtender , you can also specify the position of the pop-up panel in the web-page .
It is very much similar to PopupControlExtender as both the extender display a pop-up panel to show additional context . HoverMenuExtender, in particular , is very useful then you want to display a context menu or you want to provide tips automatically when an ASP.NET control receives focus .
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Hovermenu.aspx.cs" Inherits="Hovermenu" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:Button ID="Button1" runat="server" Text="Hover to learn" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server">
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem>Visual basic</asp:ListItem>
<asp:ListItem>DotNet</asp:ListItem>
<asp:ListItem>Ajax Control tool kit</asp:ListItem>
</asp:RadioButtonList>
</asp:Panel></ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID ="RadioButtonList1" />
</Triggers>
</asp:UpdatePanel>
<br />
<asp:HoverMenuExtender TargetControlID ="Button1" PopupControlID ="Panel1" PopupPosition ="Right" OffsetX ="4" OffsetY ="4" PopDelay ="30" ID="HoverMenuExtender1" runat="server"></asp:HoverMenuExtender>
</div>
</form>
</body>
</html>
OutPut:
It is very much similar to PopupControlExtender as both the extender display a pop-up panel to show additional context . HoverMenuExtender, in particular , is very useful then you want to display a context menu or you want to provide tips automatically when an ASP.NET control receives focus .
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Hovermenu.aspx.cs" Inherits="Hovermenu" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:Button ID="Button1" runat="server" Text="Hover to learn" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server">
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem>Visual basic</asp:ListItem>
<asp:ListItem>DotNet</asp:ListItem>
<asp:ListItem>Ajax Control tool kit</asp:ListItem>
</asp:RadioButtonList>
</asp:Panel></ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID ="RadioButtonList1" />
</Triggers>
</asp:UpdatePanel>
<br />
<asp:HoverMenuExtender TargetControlID ="Button1" PopupControlID ="Panel1" PopupPosition ="Right" OffsetX ="4" OffsetY ="4" PopDelay ="30" ID="HoverMenuExtender1" runat="server"></asp:HoverMenuExtender>
</div>
</form>
</body>
</html>
OutPut: