---
title: "Ajax Toolkit HoverMenuExtender Control in ASP.Net"  
description: "Ajax Toolkit HoverMenuExtender Control in ASP.NetThe ASP.NET AJAX HoverMenuExtender can be attached to any ASP.NET WebControl. The extender associa"  
author: "Pushpendra Singh"  
published: 2010-12-07  
updated: 2020-05-08  
canonical: https://www.mindstick.com/articles/267/ajax-toolkit-hovermenuextender-control-in-asp-dot-net  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# Ajax Toolkit HoverMenuExtender Control in ASP.Net

## Ajax Toolkit HoverMenuExtender Control in ASP.Net

The [ASP.NET](https://www.mindstick.com/articles/155/concept-of-asp-dot-net) AJAX HoverMenuExtender can be attached to any ASP.NET WebControl.

The extender associates the ASP.NET [control](https://yourviews.mindstick.com/view/83439/bipartisan-gun-control-bill-passed-in-us-after-decades) with a panel that is [popped up to display additional](https://www.mindstick.com/Articles/1483/download-file-in-asp-dot-net-mvc-4) [content](https://www.mindstick.com/articles/12369/cms-extension-for-magento-2-advanced-content-manager-2),

whenever the user moves the mouse [cursor](https://www.mindstick.com/articles/13003/create-a-simple-cursor-in-sql-server) over the ASP.NET control.\
\
**HoverMenu [Properties](https://yourviews.mindstick.com/view/81845/now-it-s-possible-to-predict-properties-of-any-molecule)**

- **TargetControlID -** The control that the extender is [targeting](https://yourviews.mindstick.com/view/86047/niche-seo-targeting-specialized-audiences-in-2023). When the mouse cursor is over this control, the hover menu popup will be displayed.
- **PopupControlID -** The ID of the control to display when the mouse is over the target control.
- **PopupPostion -** Where the popup should be positioned [relative](https://answers.mindstick.com/qa/105067/how-to-trade-with-the-relative-vigor-index) to the target control. Can be Left ([Default](https://www.mindstick.com/interview/12771/what-is-the-importance-of-default-resources)), Right, Top, Bottom, Center.
- **OffsetX/OffsetY -** The number of pixels to offset the Popup from its default position, as specified by PopupPostion.
- **HoverDelay -** The time, in milliseconds, before the popup displays after hovering over the target control. The default is 0.
- **PopDelay -** The time, in milliseconds, for the popup to remain visible after the mouse moves away from the target control. The default is 100.

#### Code:

```
 <%-- Add the ScriptManger control,HoverMenuExtender and Listbox--%><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>  <cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" TargetControlID="TextBox1" PopupControlID="ListBox1" PopupPosition="Right"></cc1:HoverMenuExtender>  <asp:Label ID="Label1" runat="server" Text="which language you want to learn " ForeColor="#CC3300"></asp:Label><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:ListBox ID="ListBox1" runat="server"> <asp:ListItem>Choose from these language only</asp:ListItem>   <%--  Here we are adding Item in ListBox  --%>  <asp:ListItem>C#</asp:ListItem>  <asp:ListItem>J#</asp:ListItem>  <asp:ListItem>VB</asp:ListItem>  <asp:ListItem>Java</asp:ListItem>  </asp:ListBox>
```

## Description

```
<cc1:HoverMenuExtender ID="HoverMenuExtender1"  runat="server"  TargetControlID=" TextBox1" PopupControlID=" ListBox1" PopupPosition="Right"></cc1:HoverMenuExtender>
```

HereHoverMenuExtender is targeting control Panel1 **TargetControlID="TextBox1"** and popped up control is Panel2 **PopupControlID="****ListBox1****"**.

Here PopupPosition has declared “Right” so that popup window displays on the Right side.

#### Run the project

![Ajax Toolkit HoverMenuExtender Control in ASP.Net](https://www.mindstick.com/mindstickarticle/037b835c-a670-4200-8096-77771cf006e1/images/08ed292c-ff44-4b2c-9e37-230249f6c63e.png)

When Mouseover in the [TextBox](https://www.mindstick.com/articles/320/textbox-control-in-vb-dot-net) l then popped up control will display in the specified

position. Here PopupPosition="Right" so popup control will display in right positions.

![Ajax Toolkit HoverMenuExtender Control in ASP.Net](https://www.mindstick.com/mindstickarticle/037b835c-a670-4200-8096-77771cf006e1/images/f64f8b28-de54-4566-bbc9-92a0f9472d96.png)

---

Original Source: https://www.mindstick.com/articles/267/ajax-toolkit-hovermenuextender-control-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.