J'utilise un extendeur ajax pliable dans une webapp (asp.net) conçu pour IE 6. Actuellement, pour rendre l'application compatible avec IE 8, j'ai ajouté une métatag -. Tout dans l'application fonctionne bien, sauf les panneaux pliables en utilisant le contrôle ajax.Ajax CollapsiblePanel ne fonctionne pas dans IE 8 pour le mode de compatibilité
Ces panneaux sont toujours développés.
Toute idée sur la façon d'assurer les panneaux effondrement et d'élargir comme prévu dans IE 8.
Remarque - j'ai essayé de changer la classe css pour collPanel où overflow: hidden est présent à display: none mais gardé la panneau seulement effondré.
extrait de code:
<cc1:CollapsiblePanelExtender ID="ColPnlExtAddUser" runat="server" TargetControlID="pnlAddContentUser"
ExpandControlID="pnlAddHeaderUser" CollapseControlID="pnlAddHeaderUser" Collapsed="True"
ImageControlID="ImgBtnAddUser" ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)"
ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" SuppressPostBack="true"
TextLabelID="lblShowUser" BehaviorID="ColPnlExtAddUserBehavior">
</cc1:CollapsiblePanelExtender>
<asp:Panel Style="cursor: pointer" ID="pnlAddHeaderUser" runat="server" CssClass="collHeader">
<div style="padding: 2px; cursor: pointer; vertical-align: middle;">
<div id="Div2" style="float: left;">
<asp:Label ID="labelUserManagement" runat="server" Text="Add User"></asp:Label>
</div>
<div style="float: left; margin-left: 20px;">
<asp:Label ID="lblShowUser" runat="server">(Show Details...)</asp:Label>
</div>
<div style="float: right; vertical-align: middle;">
<asp:ImageButton ID="ImgBtnAddUser" runat="server" ImageUrl="~/images/expand.jpg"
AlternateText="(Show Details...)" />
</div>
</div>
</asp:Panel>
<asp:Panel Style="overflow: hidden" ID="pnlAddContentUser" runat="server" CssClass="collPanel"
Height="0px">
<table id="tblAddUserDetails" width="100%" runat="server">
<tbody>
<tr>
<td align="left">
<a class="labelText">First Name</a>
</td>
<td>
<asp:TextBox ID="firstNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox>
</td>
</tr>
<tr>
<td align="left">
<a class="labelText">Last Name</a>
</td>
<td >
<asp:TextBox ID="lastNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right" colspan="2">
<asp:LinkButton ID="saveUserLinkButton" runat="server" CssClass="btnSimpleSave" OnClick="saveUserLinkButton_Click" >Save</asp:LinkButton>
</td>
</tr>
</tbody>
</table>
</asp:Panel>