Hi,
I'm trying to use a HoverMenuExtender with a web user control, but it doesn't work. If I move the content of the user control to the same page with HoverMenuExtender, it works. Can someone tell me what I am not doing right?
Here is the web user control:
<%
@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<
asp:Panel CssClass="popupControl" ID="popupControl" runat="server">
<div style="border:1px outset white;padding:2px;">
<div><asp:LinkButton ID="LinkButton1" runat="server" CommandName="Edit" Text="Edit" /></div>
<div><asp:LinkButton ID="LinkButton2" runat="server" CommandName="Delete" Text="Delete" /></div>
</div>
</asp:Panel>
===========================
And the css code for popupcontrol:
/*Popup Control */
.popupControl {
position:absolute;visibility:hidden;
background-color:#F5F7F8;opacity:.9;
filter: alpha(opacity=90);
}
===========================
And the HoverMenuExtender used in the main page:
<ajaxToolkit:HoverMenuExtender ID="HoverMenuExtender1" runat="server" PopupControlID="WebUserControl1" TargetControlID="ImageDetail" PopupPosition="Bottom">
</ajaxToolkit:HoverMenuExtender>