Two modalpopextender in one page first modalpop work fine but second modalpop not shown

Question

0.00/5 (No votes)

See more:

two modalpopextender in one page first modalpop work fine but second modalpop not shown

code:- first modalpop code

                 <cc1:ToolkitScriptManager ID="toolScriptManageer1" runat="server"></cc1:ToolkitScriptManager>  


    <asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False" 
       
        onrowcommand="GridView1_RowCommand" 
        onselectedindexchanged="GridView1_SelectedIndexChanged" EnableModelValidation="True" CellPadding="4" ForeColor="#333333" GridLines="None">
        
        <Columns>
            <asp:ImageField DataImageUrlField="ContentType" ControlStyle-Height="90px" ControlStyle-Width="90px"   HeaderText="Profile_Picture">
                <ControlStyle Height="90px" Width="90px" />
            </asp:ImageField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label25" runat="server" CssClass="Button" ForeColor="White" Text="Name"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblFname17" runat="server" Text='<%#Eval("fname") %>'></asp:Label>
                    <asp:Label ID="lblLname" runat="server" Text='<%#Eval("lname") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label26" runat="server" ForeColor="White" Text="Cell No"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblCell" runat="server" Text='<%#Eval("cellno") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label28" runat="server" ForeColor="White" Text="MailID"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblMail" runat="server" Text='<%#Eval("emailID") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label27" runat="server" ForeColor="White" Text="Qualification"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblQua" runat="server" Text='<%#Eval("qua") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Button ID="btnDetail" runat="server" BackColor="Black" CommandArgument='<%#Eval("stdID") %>' CommandName="D" Font-Bold="True" ForeColor="White" Text="Detail" Width="60px" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#E3EAEB" />
        <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
        <EditRowStyle BackColor="#7C6F57" />
        <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <AlternatingRowStyle BackColor="White" />
    
    </asp:GridView>
    <asp:LinkButton Text="" ID = "lnkFake" runat="server" />
<cc1:ModalPopupExtender ID="mpe" runat="server" PopupControlID="pnlPopup"  TargetControlID="lnkFake"
CancelControlID="btnClose" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
    <div class="header">
        Details
    </div>
    <div class="body">

    
   Detailview control bind.........


    
                            </div>
    <div class="footer" align="right">
        <asp:Button ID="btnClose" runat="server" Text="Close" CssClass="button" />
    </div>
</asp:Panel>

second modalpop(not working) code:-

 <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
        CellPadding="4" ForeColor="#333333" GridLines="None" 
        onrowcommand="GridView2_RowCommand" 
        onselectedindexchanged="GridView1_SelectedIndexChanged" 
        HorizontalAlign="Center" EnableModelValidation="True">
        <EditRowStyle BackColor="#7C6F57" />
        <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <Columns>
             <asp:ImageField DataImageUrlField="ContentType" ControlStyle-Height="150px" ControlStyle-Width="150px"   HeaderText="Profile_Picture">
                <ControlStyle Height="150px" Width="150px" />
            </asp:ImageField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label30" runat="server" ForeColor="White" Text="Name"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblFname18" runat="server" Text='<%#Eval("fname") %>'></asp:Label>
                    <asp:Label ID="lblLname0" runat="server" Text='<%#Eval("lname") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label31" runat="server" ForeColor="White" Text="Cell No"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblCell0" runat="server" Text='<%#Eval("cellno") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label32" runat="server" ForeColor="White" Text="MailID"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblMail0" runat="server" Text='<%#Eval("emailID") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label33" runat="server" ForeColor="White" Text="Qualification"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblQua0" runat="server" Text='<%#Eval("qua") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Button ID="btnDetail0" runat="server" 
                        CommandArgument='<%#Eval("stdID") %>' CommandName="E" Text="Edit" 
                        BackColor="Black" Font-Bold="True" ForeColor="White" Width="58px" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#E3EAEB" />
        <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
        <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <AlternatingRowStyle BackColor="White" />
    </asp:GridView>

     <asp:LinkButton Text="" ID = "LinkButton1" runat="server" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel1"  TargetControlID="LinkButton1"
CancelControlID="Button2" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none">
    <div class="header">
        Details
    </div>
    <div class="body">
   

       detailsview2 control bind.......

    
                            </div>
    <div class="footer" align="right">
        <asp:Button ID="Button2" runat="server" Text="Close" CssClass="button" />
    </div>
</asp:Panel>

What I have tried:

two modalpopup in same page from diffrent two gridview

Posted 2-Feb-19 3:08am

Nishant.Chauhan80

Add a Solution

Comments

[no name] 2-Feb-19 13:46pm

So you think that "more" popups are better? What's your "maximum"?

"Modal" by definition is mutually exclusive. How do 2 modal popups work? The second knows about the first ... why 2 when one would do? User hate redundant actions.

Or do you pop another when the user closes one?

Richard Deeming 4-Feb-19 10:59am

How are you triggering the popups, given that the target for both is an invisible LinkButton?

Nishant.Chauhan80 4-Feb-19 11:24am

Thanku for reply sir I don't understand.

Richard Deeming 4-Feb-19 11:27am

In the markup you've posted here, both modal popup extenders are triggered by a LinkButton. Both LinkButton controls have their Text set to an empty string. Therefore, the user will not be able to see those controls, and will not be able to trigger the popup.

So you must be triggering the popup manually, either from Javascript or from the code-behind.

But you haven't shown us that part of the code.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)