2016-03-30 14 views
0

私はアップデートパネルを持っています。アップデートパネルでCSSがうまくいかない

#<%=mypanel.ClientID%> 
{ 
    border-style:inset; 
    border-color: #724229; 
    background-color: #AD816B; 
    position: absolute; 
} 

だから、この作品を以下のようにそれのため

CSSがあります。更新パネルの中には、スクロールバーもあります。私はページを読み込むときにうまく動作しますが、何らかの理由でパネル内で何かが更新されたときに、スクロールバーのCSSがうまくいきません。

(更新後)(通常バー) How it looks before update

After the update

それがこれをやっている理由を私は理解することはできません。なぜこれをやっているのだろうと思ったが、何も見つからなかった.Jqueryでしか見つからなかったが、jqueryを使用していない。それはすべてCSSだ。

更新パネルHTML

<asp:UpdatePanel ID="UpdatePanel1" runat="server" class="notifications" UpdateMode="Conditional" 
      ChildrenAsTriggers="true"> 
      <ContentTemplate> 
       <div class="mCustomScrollbar content3 fluid light"> 
        <table> 
         <tr> 
          <td style="width: 15%"> 
           Action 
          </td> 
          <td style="width: 55%"> 
           Description 
          </td> 
          <td style="width: 30%"> 
           Date Added 
          </td> 
         </tr> 
         <tr> 
          <td> 
          </td> 
          <td> 
          </td> 
          <td> 
          </td> 
          <td> 
          </td> 
         </tr> 
        </table> 
       </div> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
+0

更新パネルのhtmlを投稿できますか?また、更新パネルのUpdateMode = "Conditional"ですか? – Sunil

+0

そのhtmlを追加しました – KratosMafia

+0

UpdateMode = "Always"で試してください。 – Sunil

答えて

0

ラップ更新以下のコードのようなASPパネルコントロールとパネルとCSSスタイルを追加するには、パネルコントロールをASPとしないのUpdatePanelにします。

CSSを適用してパネルを更新しないでください。このため、他のWebコントロールとは異なり、CssClassのプロパティはありません。

<asp:Panel id="panel1" runat="server" 
      CssClass ="notifications mCustomScrollbar content3 fluid light"> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" 
     ChildrenAsTriggers="true"> 
     <ContentTemplate> 
      <div> 
       <table> 
        <tr> 
         <td style="width: 15%"> 
          Action 
         </td> 
         <td style="width: 55%"> 
          Description 
         </td> 
         <td style="width: 30%"> 
          Date Added 
         </td> 
        </tr> 
        <tr> 
         <td> 
         </td> 
         <td> 
         </td> 
         <td> 
         </td> 
         <td> 
         </td> 
        </tr> 
       </table> 
      </div> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
</asp:Panel> 
+0

アップデートパネルのCSSは、アップデート後も正常に動作します。更新が呼び出され、パネルが更新されると、mcustomscrollbarが壊れてしまいます。 – KratosMafia

+0

私が言及したコードで試しましたか?これらのdiv CSSクラスをasp Panelコントロールに移動することもできます。 – Sunil

+0

aspパネルコントロールでは以下を使用してください: 'CssClass = '通知mCustomScrollbar content3 fluid light'' – Sunil

関連する問題