title: Ajax Control Toolkit ModalPopupExtender not working in Visual Studio 2012
body: <p>I had been using Visual Studio with Ajax Control Toolkit Version 7.1213 from Nuget. But when i try to use the ModalPopupExtender it was not doing anything at all. I had done a lot of surfing at Stackoverflow, Codeproject as well as other reputed sites but none of their suggestion work on my code.</p>
  
  <p>I had also found from the search that Many users who are using Latest AjaxControlToolkit with Visual Studio 2012 are facing the issue. </p>
  
  <p>Here is the Master Page</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="Attendance1.Site1" %&gt;
  &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %&gt; 
  &lt;!DOCTYPE html&gt;
  
  &lt;html lang="en"&gt;
  &lt;head id="Head1" runat="server"&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;&lt;%: Page.Title %&gt; - My ASP.NET Application&lt;/title&gt;
      &lt;asp:PlaceHolder ID="PlaceHolder1" runat="server"&gt;     
            &lt;%: Scripts.Render("~/bundles/modernizr") %&gt;
      &lt;/asp:PlaceHolder&gt;  
      &lt;webopt:BundleReference ID="BundleReference1" runat="server" Path="~/Content/css" /&gt; 
      &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;asp:ContentPlaceHolder runat="server" ID="HeadContent" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="Form1" runat="server"&gt;
  
      &lt;header&gt;
          &lt;div class="content-wrapper"&gt;
              &lt;div class="float-left"&gt;
                  &lt;p class="site-title"&gt;
                      &lt;img src="Images/logo.png"  /&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="float-right"&gt;
                  &lt;section id="login"&gt;
                      &lt;asp:LoginView ID="LoginView1" runat="server" ViewStateMode="Disabled"&gt;
                          &lt;AnonymousTemplate&gt;
                              &lt;ul&gt;
  
  
                              &lt;/ul&gt;
                          &lt;/AnonymousTemplate&gt;
                          &lt;LoggedInTemplate&gt;
                              &lt;p&gt;
                                  Hello, &lt;a id="A1" runat="server" class="username" href="~/Account/Manage" title="Manage your account"&gt;
                                      &lt;asp:LoginName ID="LoginName1" runat="server" CssClass="username" /&gt;&lt;/a&gt;!
                                  &lt;asp:LoginStatus ID="LoginStatus1" runat="server" LogoutAction="Redirect" LogoutText="Log off" LogoutPageUrl="~/" /&gt;
                              &lt;/p&gt;
                          &lt;/LoggedInTemplate&gt;
                      &lt;/asp:LoginView&gt;
                  &lt;/section&gt;
                  &lt;nav&gt;
                      &lt;ul id="menu"&gt;
  
  
                      &lt;/ul&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/header&gt;
      &lt;div id="body"&gt;
          &lt;asp:ContentPlaceHolder runat="server" ID="FeaturedContent" /&gt;
          &lt;section class="content-wrapper main-content clear-fix"&gt;
  
              &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
          &lt;Scripts&gt;
  
              &lt;%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=272931&amp;clcid=0x409 --%&gt;
              &lt;%--Framework Scripts--%&gt;
  
             &lt;asp:ScriptReference Name="MsAjaxBundle" /&gt;
              &lt;asp:ScriptReference Name="jquery" /&gt;
              &lt;asp:ScriptReference Name="jquery.ui.combined" /&gt;
              &lt;asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" /&gt;
              &lt;asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" /&gt;
              &lt;asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" /&gt;
              &lt;asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" /&gt;
              &lt;asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" /&gt;
              &lt;asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" /&gt;
              &lt;asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" /&gt;
              &lt;asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" /&gt;
              &lt;asp:ScriptReference Name="WebFormsBundle" /&gt;
              &lt;%--Site Scripts--%&gt;
  
          &lt;/Scripts&gt;
      &lt;/asp:ScriptManager&gt;
              &lt;asp:ContentPlaceHolder runat="server" ID="MainContent" /&gt;
          &lt;/section&gt;
      &lt;/div&gt;
      &lt;footer&gt;
          &lt;div class="content-wrapper"&gt;
              &lt;div class="float-left"&gt;
                  &lt;p&gt;&amp;copy; &lt;%: DateTime.Now.Year %&gt; - My ASP.NET Application&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>this is my Content Page</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site1.Master" CodeBehind="Login.aspx.cs" Inherits="abc" %&gt;
  
  &lt;asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent"&gt;
  
              &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt;
                  &lt;ContentTemplate&gt;
                  &lt;asp:panel ID="Panel1" style="display:none" runat ="server"&gt;
                  &lt;div class="HelloWorldPopup"&gt;
                      &lt;div class="PopupHeader" id="PopupHeader"&gt;Header&lt;/div&gt;
                      &lt;div class="PopupBody"&gt;
                          &lt;p&gt;This is sample modal dialog&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div class="Controls"&gt;
                          &lt;input id ="btnOk" type="button" value="Done" /&gt;
                          &lt;input id="btnCancel" type="button" value="Cancel" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/asp:panel&gt;
                      &lt;asp:Button ID="Button1" runat="server" Text="Click here to show the modal" /&gt;
                      &lt;ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" DynamicServicePath="" PopupControlID="Panel1" Enabled="True" CancelControlID="btnCancel" TargetControlID="Button1"&gt;
                      &lt;/ajaxToolkit:ModalPopupExtender&gt;
          &lt;/ContentTemplate&gt;
      &lt;/asp:UpdatePanel&gt;
  
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>Thanks in advance</p>