Click here to Skip to main content
15,667,422 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I want to get this value using the linkbutton that was inside the gridview to display the modal

<pre><div id="id01" class="modal">
        <form class="modal-content animate">
            <div class="imgcontainer"></div>
            <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
            <div class="container"> 
               <p> This message was rejected by the recipient email system. Please check the recipient's email address and  try resending this message, or contact the recipient directly</p>
                <p> A problem occurred while delivering this message to this email address. Try sending this message again. If the problem continues, please contact your helpdesk.</p>
                <p> The domain name in the email address is incorrect. Check the address.</p>
                <p> Sorry, I couldn't find any host named like( Please check the email address and try again.</p>
                <p> The server has tried to deliver this message, without success, and has stopped trying. Please try sending this message again.<br /> If the problem continues, contact your helpdesk.</p>
                <button type="button" runat="server" onclick="document.getElementById('id01').style.display='none'" id="btncancel">Cancel</button>
                <br />
                <asp:Label runat="server" ID="lblError"></asp:Label>

and here's the code of the gridview
<pre><form id="form1" runat="server">
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4" OnRowCommand="GridView1_RowCommand" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
                <asp:TemplateField HeaderText="Subject">
                       <<pre><asp:LinkButton ID="LinkButton1"  runat="server" CommandArgument="EmailDetails" CommandName="DisplayEmail" Text='<%# Eval("Subject") %>'></asp:LinkButton>
                <%--<asp:BoundField DataField="Subject" HeaderText="Subject Email" />--%>
                <asp:BoundField DataField="Sender" HeaderText="Receiver" />
                <asp:BoundField DataField="DateCreated" HeaderText="Date and Time Sent" />
                <asp:BoundField DataField="DateReceive" HeaderText="Date and Time Received" />
                <asp:BoundField DataField="EmailHeader" HeaderText="Details" />
            <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
            <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />
            <RowStyle BackColor="White" ForeColor="#330099" />
            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
            <SortedAscendingCellStyle BackColor="#FEFCEB" />
            <SortedAscendingHeaderStyle BackColor="#AF0101" />
            <SortedDescendingCellStyle BackColor="#F6F0C0" />
            <SortedDescendingHeaderStyle BackColor="#7E0000" />
    <asp:Label runat="server" ID="lblSubject">

What I have tried:

but for now i have a a button to get that value
<button onclick="document.getElementById('id01').style.display='block'" runat="server">List Email Errors</button>

and here's the javascript code
<pre> <script>
    // Get the modal
    var modal = document.getElementById('id01');
    var modal = document.getElementById('id02');
    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
    if ( == modal) { = "none";

can anyone explain or help me to display the

at the backend of my code
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
           if (e.CommandName == "DisplayEmail")


Updated 17-Dec-17 8:25am

1 solution

If you mean how do you show and hide that div from server code then change the div to a Panel (a Panel is a server-side div)

<asp:Panel id="id01" CssClass="modal" runat="server">


In your code you can now do

id01.Visible = true; // show
id01.Visible = false; //hide

Note that using a server tag might meant the ID changes on the client so it won't necessarily be id01, so if you wanted to access it via javascript you'll need to update the code

Share this answer
Laxmidhar tatwa technologies 18-Dec-17 9:29am    
I think The above code is currect

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

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900