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