Wednesday, March 28, 2012

ASP.NET AJAX Hovermenu question

I dynamiccally add hovermenu's to every image in a panel. When i hover the items with the hovermenu, the hovermenu appears. In IE 7, it's works perfectly. However, in IE 6 the hovermenu shows a white square next to the hovermenu exactly the same size as the original one. Does anyone knows how to disable this other white square.

arjen1984

Hi,

Here is a rough sample, it's working fine on IE 6.

<%@. Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server"> protected void Page_Load(object sender, EventArgs e) { int i = 0; for (; i < 5; i++) { Image img = new Image(); img.ImageUrl = "images/MS.JPG"; img.ID = "img" + i.ToString(); Panel1.Controls.Add(img); AjaxControlToolkit.HoverMenuExtender hme = new AjaxControlToolkit.HoverMenuExtender(); Panel1.Controls.Add(hme); hme.PopupPosition = AjaxControlToolkit.HoverMenuPopupPosition.Right; hme.ID = "hme" + i.ToString(); hme.TargetControlID = img.ID; hme.PopupControlID = "Panel2"; } }</script><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>Untitled Page</title> <script type="text/javascript"> </script></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>   <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px"> <asp:Panel ID="Panel2" runat="server" Height="50px" Width="125px"> <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton><br /> <asp:LinkButton ID="LinkButton2" runat="server">LinkButton</asp:LinkButton> </asp:Panel> </asp:Panel> </form></body></html>

You are absolutely right about that, it shows perfectly. This is when you have 1 page. Now I have a master/details page. In this is goes all wrong.

Can someone give me a hint?

No comments:

Post a Comment