title: Disable animation of the modal popup extender
body: <p>How can I disable the animation effect while the ModalPopupExtender is shown?  Here is my coding:</p>
  
  <p><strong>HTML</strong>   </p>
  
  <pre><code> &lt;script language ="javascript" type="text/javascript"&gt;
      function pageLoad() {
          var mpe = $find("modalPopUp");
          //add shown will be fire when when the ModalPopupExtender had shown 
          mpe.add_shown(onShown);
  
      }
      function onShown() {
          var background = $find("modalPopUp")._backgroundElement;
          background.onclick = function () { $find("modalPopUp").hide(); }
      }
   &lt;/script&gt;
  
  &lt;asp:UpdatePanel ID ="updatePanel" runat="server"&gt;
      &lt;ContentTemplate&gt;
  &lt;asp:Panel ID="Panel1" runat="server" BackColor="Azure"&gt;
     &lt;asp:UpdatePanel ID="updatePanel2" runat="server"  UpdateMode="Conditional"&gt;
     &lt;ContentTemplate&gt;
  
  
      &lt;asp:Label ID="Label1" runat="server" Text="Label"&gt;&lt;/asp:Label&gt;
      &lt;asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" /&gt;
      &lt;br /&gt;
      &lt;br /&gt;
      &lt;br /&gt;
      &lt;br /&gt;
      &lt;br /&gt;
  
     &lt;/ContentTemplate&gt;
     &lt;/asp:UpdatePanel&gt;
  
  &lt;/asp:Panel&gt;
  
  
       &lt;!--Register modal pop up--&gt;
      &lt;asp:ModalPopupExtender ID="modalPopUp" runat="server" 
      TargetControlID="Button1" PopupControlID="Panel1" 
      BackgroundCssClass="overlay_style" BehaviorID="modalPopUp"  &gt;
         &lt;Animations&gt;
          &lt;OnShown&gt;
            &lt;FadeIn duration="0.5" Fps="100" /&gt;
          &lt;/OnShown&gt;
      &lt;/Animations&gt;
          &lt;/asp:ModalPopupExtender&gt;
  &lt;asp:Button ID="Button1" runat="server" Text="Button" /&gt;
  &lt;/ContentTemplate&gt;
      &lt;/asp:UpdatePanel&gt;
  </code></pre>
  
  <p><strong>My back end code:</strong></p>
  
  <pre><code> protected void Button2_Click(object sender, EventArgs e)
   {
       this.modalPopUp.Show();
   }
  </code></pre>
  
  <p>How can I disable the animation while I click the <code>button2</code> to advoid the effect repeated?</p>