Wednesday, March 21, 2012

DropDownExtender breaks table in Firefox

Hi!

I'm using the DropDownExtender over a tablerow.
It's working ok in IE7 but not in Firefox.

All columns get merged into the first one when the DropDownExtender is created.
I'm using the latest release (Feb 01)
Here's an example

<%

@dotnet.itags.org.PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default" %>

<!

DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<

htmlxmlns="http://www.w3.org/1999/xhtml">

<

headrunat="server"><title>Untitled Page</title><styletype="text/css">.ContextMenuPanel

{

border:1pxsolid#868686;z-index:1000;background:url(pics/menu-bg.gif)repeat-y00#FAFAFA;cursor:default;padding:1px1px0px1px;font-size:11px;

}

.ContextMenuBreak

{

margin:1px1px1px32px;padding:0;height:1px;overflow:hidden;display:block;border-top:1pxsolid#C5C5C5;

}

a.ContextMenuItem

{

border:0;margin:1px01px0;display:block;color:#003399;text-decoration:none;cursor:pointer;padding:4px19px4px33px;white-space:nowrap;

}

a.ContextMenuItem-Selected

{

font-weight:bold;

}

a.ContextMenuItem:hover

{

background-color:#FFE6A0;color:#003399;border:1pxsolid#D2B47A;padding:3px18px3px32px;

}

</style>

</

head>

<

body><formid="form1"runat="server"><asp:ScriptManagerID="ScriptManager1"runat="server"/><asp:UpdatePanelID="updatePanel"runat="server"><ContentTemplate><asp:PanelID="DropPanel"runat="server"CssClass="ContextMenuPanel"Style="display :none; visibility: hidden;"><asp:LinkButtonrunat="server"ID="Option1"Text="Option 1"CssClass="ContextMenuItem"/><asp:LinkButtonrunat="server"ID="Option2"Text="Option 2"CssClass="ContextMenuItem"/><asp:LinkButtonrunat="server"ID="Option3"Text="Option 3 (Click Me!)"CssClass="ContextMenuItem"/></asp:Panel><ajaxToolkit:DropDownExtenderrunat="server"ID="DDE1"TargetControlID="row2"DropDownControlID="DropPanel"/><asp:TableID="table"runat="server"Border="1"><asp:TableHeaderRowID="row1"><asp:TableHeaderCell>Column 1</asp:TableHeaderCell><asp:TableHeaderCell>Column 2</asp:TableHeaderCell><asp:TableHeaderCell>Column 3</asp:TableHeaderCell><asp:TableHeaderCell>Column 4</asp:TableHeaderCell></asp:TableHeaderRow><asp:TableRowID="row2"><asp:TableCell>Value 1</asp:TableCell><asp:TableCell>Value 2</asp:TableCell><asp:TableCell>Value 3</asp:TableCell><asp:TableCell>Value 4</asp:TableCell></asp:TableRow><asp:TableRowID="row3"><asp:TableCell>Test 1</asp:TableCell><asp:TableCell>Test 2</asp:TableCell><asp:TableCell>Test 3</asp:TableCell><asp:TableCell>Test 4</asp:TableCell></asp:TableRow></asp:Table></ContentTemplate></asp:UpdatePanel><div></div></form>

</

body>

</

html>

Does anyone know why this is happening?

/Mathias

Same exact issue here.

No comments:

Post a Comment