Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I show two modalpopup in the same page?
    primarykey
    data
    text
    <p>I am using two modalpopupextenders in the same content page, the problem is when I show one , both of them are shown one on the other.</p> <p>I have used different id for the modalpopups and panels but the problem persists.</p> <p>I am using a Master Page and I am putting my modalpopups in the content page.</p> <p>Any Ideas.</p> <p>Here is the source code : </p> <pre><code>&lt;ajaxToolkit:ModalPopupExtender ID="mpeComment" runat="server" TargetControlID="btnHiddenComment" PopupControlID="pnlComment" CancelControlID="Button1" OkControlID="btnHiddenComment" BackgroundCssClass="modalBackground" PopupDragHandleControlID="CommentCaption" Drag="True" DynamicServicePath="" Enabled="True"&gt; &lt;/ajaxToolkit:ModalPopupExtender&gt; &lt;asp:Panel ID="pnlComment" runat="server" Style="display: none; background-color: #f5f5f5; border: solid 3px #B8B8B8;" Width="500px"&gt; &lt;asp:Panel ID="CommentCaption" runat="server" Style="padding-bottom: 10px; cursor: move; height: 30px;"&gt; &lt;table class="content_titre" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td align="center" valign="top"&gt; &lt;asp:Label ID="lblTitre" runat="server"&gt;&lt;/asp:Label&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/asp:Panel&gt; &lt;table class="modalComment" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td colspan="2" style="height: 80px;" align="center" valign="top"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/td&gt; &lt;td&gt; &lt;span style="color: #F58076; font-size: 11px;"&gt; &lt;asp:Label ID="LblErreur" runat="server"&gt;&lt;/asp:Label&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr align="center"&gt; &lt;td align="center"&gt; &lt;asp:Button ID="btnHiddenComment" runat="server" Style="display: none" /&gt; &lt;asp:Button ID="Button1" runat="server" Style="display: none" /&gt; &lt;/td&gt; &lt;td align="center"&gt; &lt;div class="login_button" style="width: 100px;"&gt; &lt;asp:Button ID="btnCancelComment" runat="server" CausesValidation="False" Width="100px" Text="OK" PostBackUrl="ValidationDOC.aspx" /&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/asp:Panel&gt; &lt;ajaxToolkit:ModalPopupExtender ID="mpeDemandeAvalider" runat="server" TargetControlID="btnHiddenComment" PopupControlID="pnlDemandeAvalider" CancelControlID="Button1" OkControlID="btnHiddenComment" BackgroundCssClass="modalBackground" PopupDragHandleControlID="Panel1" Drag="True" DynamicServicePath="" Enabled="True"&gt; &lt;/ajaxToolkit:ModalPopupExtender&gt; &lt;asp:Panel ID="pnlDemandeAvalider" runat="server" Style="display: none; background-color: #f5f5f5; border: solid 3px #B8B8B8;"&gt; &lt;asp:Panel ID="Panel1" runat="server" Style="padding-bottom: 10px; cursor: move; height: 30px;"&gt; &lt;table class="content_titre" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td align="center" valign="top"&gt; &lt;asp:Label ID="Label3" runat="server"&gt;&lt;/asp:Label&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/asp:Panel&gt; &lt;table class="modalComment" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td colspan="2" style="height: 80px;" align="center" valign="top"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/td&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="height: 27px"&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img alt="" src="../../Ressources/images/navig/puce-blue.gif" /&gt;&lt;span style="color: #133880; font-size: 11px;"&gt; Statut :&lt;/span&gt; &lt;/td&gt; &lt;td height="27px" align="left"&gt; &lt;asp:DropDownList ID="DDLstatutPopup" runat="server" AppendDataBoundItems="True"&gt; &lt;asp:ListItem Value="-1"&gt;.:: Veuillez sélectionner une action de validation ::.&lt;/asp:ListItem&gt; &lt;/asp:DropDownList&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="height: 27px"&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;img alt="" src="../../Ressources/images/navig/puce-blue.gif" /&gt;&lt;span style="color: #133880; font-size: 11px;"&gt; Motif :&lt;/span&gt; &lt;/td&gt; &lt;td height="27px"&gt; &lt;asp:TextBox ID="txtPopUpMotif" runat="server" TextMode="MultiLine" Width="730px" Height="64px"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr align="center"&gt; &lt;asp:Button ID="Button2" runat="server" Style="display: none" /&gt; &lt;asp:Button ID="Button3" runat="server" Style="display: none" /&gt; &lt;td align="center"&gt; &lt;div class="login_button" style="width: 100px;"&gt; &lt;asp:Button ID="btnPopUpOK" runat="server" CausesValidation="False" Width="100px" Text="OK" OnClick="OnValidateMulti" PostBackUrl="ValidationDOC.aspx" /&gt; &lt;/div&gt; &lt;/td&gt; &lt;td align="center"&gt; &lt;div class="login_button" style="width: 100px;"&gt; &lt;asp:Button ID="btnPopUpAnnuler" runat="server" CausesValidation="False" Width="100px" Text="Annuler" OnClick="OnCancel" /&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/asp:Panel&gt; </code></pre> <p>Any suggestions.?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload