L'éditeur HTML dans Ajax Extender Panel Extender ne s'affiche pas dans IE 6 pour la page web asp.net

Question

J'ai un Ajax HTMLEditor dans ma page Web à l'intérieur d'un panneau qui est ciblé par l'extension de panneau pliable. Lorsque le panneau est développé, il y a un grand espace vide sans qu'aucune des commandes à l'intérieur du panneau soit affichée.

Le problème ici est que le panneau est développé mais il n'y a rien de visible à l'intérieur, y compris les boutons et l'éditeur Html. Lorsque je fais défiler vers le haut et vers le bas, les contrôles deviennent parfois visibles.

<cc1:CollapsiblePanelExtender ID="ColPnlExtEvents" runat="server" TargetControlID="pnlAddContentEvents" 
       BehaviorID="ColPnlExtEventsBehavior" TextLabelID="lblShowEvents" SuppressPostBack="true" 
       CollapsedImage="~/images/expand.jpg" ExpandedImage="~/images/collapse.jpg" CollapsedText="(Show Details...)" 
       ExpandedText="(Hide Details...)" ImageControlID="ImgBtnEvents" Collapsed="True" CollapsedSize="1" 
       CollapseControlID="pnlEvents" ExpandControlID="pnlEvents"> 
      </cc1:CollapsiblePanelExtender> 
      <asp:Panel Style="cursor: pointer" ID="pnlEvents" runat="server" CssClass="collHeader"> 
       <div style="padding: 2px; cursor: pointer; vertical-align: middle;"> 
        <div style="float: left;"> 
         <asp:Label ID="abnormalEventsLabel" runat="server">Add Abnormal Events</asp:Label></div> 
        <div style="float: left; margin-left: 20px;"> 
         <asp:Label ID="lblShowEvents" runat="server">(Show Details...)</asp:Label> 
        </div> 
        <div style="float: right; vertical-align: middle;"> 
         <asp:ImageButton ID="ImgBtnEvents" runat="server" ImageUrl="~/images/expand.jpg" 
          AlternateText="(Show Details...)" /> 
        </div> 
       </div> 
      </asp:Panel> 
      <asp:Panel Style="overflow: hidden" ID="pnlAddContentEvents" runat="server" CssClass="collPanel" 
       Height="0px"> 
       <table id="tblEventsDetails" width="100%" runat="server"> 
        <tr> 
         <td align="left"> 
          <a class="labelText">Description</a> 
         </td> 
         <td style="width: 75%"> 
          <uc:RichTextBox ID="abnormalEventsDescriptionRichTextBox" runat="server" /> 
         </td> 
        </tr> 
        <tr> 
         <td class="blankRow"> 
         </td> 
        </tr> 
        <tr> 
         <td colspan="2" align="right"> 
          <asp:LinkButton CssClass="btnSimpleSave" ID="abnormalEventSaveLinkButton" runat="server" 
           OnClick="abnormalEventSaveLinkButton_Click" OnClientClick="javascript:return ParticularClosureRichTextBoxValidation('ctl00_cphMain_abnormalEventsDescriptionRichTextBox_HTMLText','Abnormal Events');">Save</asp:LinkButton> 
          <asp:LinkButton CssClass="btnSimpleCancelForSubSections" ID="abnormalEventCancelLinkButton" 
           runat="server" CausesValidation="false" OnClick="abnormalEventCancelLinkButton_Click">Cancel</asp:LinkButton> 
         </td> 
        </tr> 
       </table> 
      </asp:Panel> 

Answer 1

Plusieurs fois, différentes bibliothèques JS ne se mélangent pas bien aujourd'hui - vous avez peut-être rencontré la même chose.

Personnellement, je préfère les approches basées sur js pur (comme jquery ou jquery plugin) par rapport aux approches basées sur le contrôle (comme dans Ajax Control Toolkit). Pour le panneau pliable, vous pouvez utiliser jquery sliding functions. Par exemple, voir this fiddle que j'avais mis en place pour un autre SO question pour illustrer plusieurs panneaux pliables