firstly you have to learn how to work with model popup control
i am giving you demo source code how to popup login window on gridview row command
step 1-Create Database
GO
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[tbl_Admin](
[AdminId] [int] IDENTITY(1,1) NOT NULL,
[UserName] [nvarchar](50) NULL,
[Password] [nvarchar](50) NULL,
CONSTRAINT [PK_tbl_Admin] PRIMARY KEY CLUSTERED
(
[AdminId] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]
GO
Step-2 make connection to database using webconfig file
<connectionStrings>
<add name="ErpConnection" connectionString="Data Source=MANVENDRA;Initial Catalog=SHK;integrated security=true" providerName="System.Data.SqlClient" />
</connectionStrings>
Step3-
copy and paste the code
<div>
<style type="text/css">
.WhiteBG
{
background-color: White;
}
.modalpopup
{
background-color: #ADADAD;
filter: Alpha(Opacity=70);
opacity: 0.70;
-moz-opacity: 0.70;
}
</style>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:GridView ID="gvDemo" runat="server" OnRowCommand="GriRowDataBound" DataKeyNames="UserName"
AutoGenerateColumns="false" Width="607px">
<Columns>
<asp:BoundField DataField="UserName" HeaderText="Name" />
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:LinkButton ID="lnkDownload" runat="server" Text="Open" CommandName="Select"
CommandArgument='<%# Eval("UserName") %>'></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:Panel ID="pnlModalDemo" runat="server" CssClass="WhiteBG" >
<tr><td align="center">
<table><tr>
<td align="right">Username:</td><td><asp:TextBox ID="txtUser" runat="server" CssClass="textfield"></asp:TextBox>
</td>
</tr>
<tr><td height="10px"></td></tr>
<tr>
<td align="right">Password:</td>
<td><asp:TextBox ID="txtPwd" runat="server" CssClass="textfield"></asp:TextBox></td>
</tr>
<tr><td height="10px"></td></tr>
<tr>
<td> </td><td><asp:Button ID="Button1" runat="server" Text="Sign In" class="button2"/>
<asp:Button ID="Button2" runat="server" Text="Sign Up" class="button2" /></td>
</tr></table></td></tr>
<tr><td height="10px"></td></tr>
</table>
</td></tr>
</table>
<asp:Button ID="btnCancel" Text="Cancel" runat="server" />
</asp:Panel>
<asp:LinkButton ID="lnkFake" runat="server"></asp:LinkButton>
<asp:ModalPopupExtender ID="mpModalDemo" runat="server" PopupControlID="pnlModalDemo"
TargetControlID="lnkFake" BackgroundCssClass="modalpopup" BehaviorID="mpModalDemo"
CancelControlID="btnCancel">
</asp:ModalPopupExtender>
</div>
Note-please drag and drop once ajax tolkit control to genarte Ajax bin file
to create code like this on top of the page-
]]>
Step-4 write c# code to bind Gridview
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Data;
using System.Configuration;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string strConnString = ConfigurationManager.ConnectionStrings["ErpConnection"].ConnectionString;
using (SqlConnection con = new SqlConnection(strConnString))
{
using (SqlCommand cmd = new SqlCommand())
{
cmd.CommandText = "select top 10 * from tbl_Admin";
cmd.Connection = con;
con.Open();
gvDemo.DataSource = cmd.ExecuteReader();
gvDemo.DataBind();
con.Close();
}
}
}
protected void GriRowDataBound(object sender, GridViewCommandEventArgs e)
{
if (e.CommandName == "Select")
{
mpModalDemo.Show();
}
}
}
may be it helpfull for you
Submit an article or tip