Multiple ASP modal popups on one page
<p>We have a working modal popup on an asp.net page, and need to add another one. A linkbutton opens the first one.</p>

<p>But if we try adding code for another linkbutton to open a second popup, which will use another mp extender control, neither one of them work. If we then remove the second popup and extender code, it works again.</p>

<p>I posted this question before but got an answer about using them in a gridview, which is not what is going on. This issue is not that complicated, just the fact that we can't get two separate popups working on a page. Are there any bugs or anything that would be preventing this from working? </p>

<p>The code below is for the working popup. It seems logical that if we add code that works to a page and give the controls new names, it should work as well, right? Anyway, a little help?</p>

<pre><code>     &lt;!--modal popup extender--&gt;
&lt;ajax:ModalPopupExtender ID="mpe1" runat="server"
        DropShadow="false" 
        TargetControlID="btn1"
        PopupControlID="mp1"
        BehaviorID="ModalPopBehavior" 
        CancelControlID="btnCancel"&gt;
&lt;/ajax:ModalPopupExtender&gt;

&lt;!--modal panel--&gt;
&lt;asp:Panel ID="mp1" runat="server" EnableViewState="true" Visible="False" Width="290px" height="140px"  
        BorderWidth="4px" BorderStyle="Ridge" BorderColor="Control" style="display:none;" &gt;
 &lt;asp:Table ID="Table1" runat="server" BorderStyle="None" Width="290px" Height="140px"  BackColor="#ffffee"&gt;
   &lt;asp:TableRow ID="TableRow1" runat="server"&gt;                    
    &lt;asp:TableCell ID="TableCell1" runat="server"&gt;
    &lt;asp:Label ID="lbl1" runat="server" CssClass="PanelLabel" 
               Style="left: 60px; position: absolute; top: 4px" Text="label1" 
               ForeColor="#0000C0" /&gt; 
    &lt;asp:Label ID="lbl2" runat="server" CssClass="StdLabel" 
               Style="left: 6px; position: absolute; top: 30px" Text="label2" /&gt;
    &lt;asp:TextBox ID="txt1" runat="server" CssClass="StdTextbox"
                 Style="left: 6px; position: absolute; top: 44px" Width="120px" /&gt;  
    &lt;asp:Label ID="lbl3" runat="server" CssClass="StdLabel" 
               Style="left: 160px; position: absolute; top: 30px" 
               Text="label3" /&gt;
    &lt;asp:TextBox ID="txt2" runat="server" CssClass="StdTextbox"
                 Style="left: 160px; position: absolute; top: 44px" Width="120px" /&gt;
    &lt;asp:Button ID="btnOK" runat="server"  
                    Style="font-family: Tahoma; font-size: 11px; color: Navy; left: 60px; 
                    position: absolute; top: 86px" Text="OK" Width="90px" /&gt;
    &lt;asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="50px"
                style="font-family: Tahoma; font-size: 11px; color: Navy; top: 86px; left: 170px; 
                position:absolute;"/&gt;
   &lt;/asp:TableCell&gt;
  &lt;/asp:TableRow&gt;
 &lt;/asp:Table&gt;&lt;/asp:Panel&gt;
</code></pre>

<p>In the page there is also the hidden button for the popup. it looks like this:</p>

<pre><code>   &lt;!--hidden button for modal popup --&gt;
   &lt;asp:Button ID="btn1" visible="true" runat="server" Style="display: none" Enabled="false" /&gt;
</code></pre>
