How to handle nested ModalpopupExtenderRSS

• • Reply
  abramhum.c.l

  Member

  60 Points

  207 Posts

  How to handle nested ModalpopupExtender

  Jun 27, 2018 10:22 AM|abramhum.c.l|LINK

  Hi:

  I meet a problem about how to handle nested modalpopupextender, 

  My code snippet is as following:

        <asp:Button ID="btnDummy3" runat="server" Style="visibility: hidden" />
          <cc3:ModalPopupExtender ID="modalPopupExtender1" runat="server"
              BehaviorID="modalPopupExtender1"
              TargetControlID="btnDummy3"
              PopupControlID="uppnlPreViewPDF"
              BackgroundCssClass="modalBackground">
          </cc3:ModalPopupExtender>
  
  
          <asp:Button ID="btnDummy5" runat="server" Style="visibility: hidden" />
          <cc3:ModalPopupExtender ID="ModalPopupExtender2" runat="server"
              BehaviorID="modalPopupExtender2"
              TargetControlID="btnDummy5"
              PopupControlID="uppnlHandlePDF"
              BackgroundCssClass="modalBackground">
          </cc3:ModalPopupExtender>
  
  
          <asp:UpdatePanel ID="uppnlPreViewPDF" runat="server" ChildrenAsTriggers="true">
              <ContentTemplate>
                  <asp:Panel ID="Panel1" runat="server" Width="100%">
                  ....
                  </asp:Panel>
              </ContentTemplate>
          </asp:UpdatePanel>
  
  
  
          <asp:UpdatePanel ID="uppnlHandlePDF" runat="server" ChildrenAsTriggers="true">
              <ContentTemplate>
                  <div runat="server" class="container" style="position: relative; z-index: 900001 !important;">
                  <asp:Panel ID="pnlMakeUpPDF" class="form-horizontal" role="form" runat="server" BackColor="#F2F2DC" Width="385px" Height="270px">
                   ......
                  </asp:Panel>
                   </div>
              </ContentTemplate>
          </asp:UpdatePanel>
  

  The problem is how to call these two modalpopupextender and let then show in the same time, 

  I mean if I call modalPopupExtender1.show() and the call modalPopupExtender2.show(), the UI should show modalPopupExtender1

  and modalPopupExtender2 below the modalPopupExtender1. 

  But in fact it always only show either modalPopupExtender1 or modalPopupExtender2, even I have set z-index, 

  it still not working. Is there any good method to handle that, thanks a lot.

  By the way, in chrome, it indeed can show nested modalpopextenders but in IE11, it fail.

  Any suggestion is highly appreciated, thanks.

• • Reply
  mudassarkhan

  All-Star

  54488 Points

  14108 Posts

  Re: How to handle nested ModalpopupExtender

  Jun 27, 2018 11:07 AM|mudassarkhan|LINK

  Refer

  https://forums.asp.net/t/1176409.aspx?Launch+a+ModalPopup+from+another+ModalPopup

  .Net Consultant | MVP[2009-2013] | MCC[2012]
  Blog: ASPSnippets | Forum: ASPForums | Company: Excelasoft
• • Reply
  abramhum.c.l

  Member

  60 Points

  207 Posts

  Re: How to handle nested ModalpopupExtender

  Jun 28, 2018 01:38 AM|abramhum.c.l|LINK

  The example in the linking page can not work directly, if there any other resources about that, 

  thanks.

• • Reply
  Abraham Qian

  Member

  680 Points

  298 Posts

  Re: How to handle nested ModalpopupExtender

  Jul 03, 2018 11:40 AM|Abraham Qian|LINK

  Hi Abramhum,

  According to your description, I think the link above is useful to you.

  https://forums.asp.net/t/1176409.aspx?Launch+a+ModalPopup+from+another+ModalPopup

  I suggest you could try it.

  abramhum.c.l

  The example in the linking page can not work directly, if there any other resources about that, 

  Could you please post your error details here? Because this code works fine on my side. What needs to be mentioned here is that I modified the following line.

  <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

  I need to modify the “TagPrefix=cc3”.

  Feel free to let me know if you have any question.

  Best Regards

  Abraham.