how to make modal popup in C#

Question

How I can add a modal popup in C# .net?

Sachin Singh · Answer

hii follow below steps step 1. Add bootstrap modal popup with update panel in your web forms as shown below class = "modal fade" id= "myModal" role= "dialog" aria-labelledby= "myModalLabel" aria-hidden= "true" > class = "modal-dialog" > "upModal" runat= "server" ChildrenAsTriggers= "false" UpdateMode= "Conditional" > class = "modal-content" > class = "modal-header" > "button" class = "close" data-dismiss= "modal" aria-hidden= "true" >× class = "modal-title" > "lblModalTitle" runat= "server" Text= "" > class = "modal-body" > "lblModalBody" runat= "server" Text= "" > class = "table table-bordered table-responsive" > User Name "txtUserNameNew" runat= "server" CssClass= "form-control" > Password "txtUserPasswordNew" runat= "server" CssClass= "form-control" > Phone Number "txtPhoneNumber" runat= "server" CssClass= "form-control" > Address "txtAddress" runat= "server" CssClass= "form-control" > "2" > "btnUpdate" runat= "server" Text= "Update Profile" CssClass= "btn btn-primary" /> class = "modal-footer" > class = "btn btn-info" data-dismiss= "modal" aria-hidden= "true" >Close Step 2. on button click event where you want to open the popup use below code protected void btnEditProfile_Click( object sender, EventArgs e) { string cs = ConfigurationManager.ConnectionStrings[ "CS" ].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand(@ "select * from Users where UserName='" + txtUserName.Text + "' and Password=+'" + txtPassword.Text + "'" , con); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { txtUserNameNew.Text = rdr[ "UserName" ].ToString(); txtUserPasswordNew.Text = rdr[ "Password" ].ToString(); txtPhoneNumber.Text = rdr[ "PhoneNumber" ].ToString(); txtAddress.Text = rdr[ "Address" ].ToString(); } } lblModalTitle.Text = "Edit User Details" ; lblModalBody.Text = "fill all fields" ; ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal" , "$('#myModal').modal('show');" , true ); upModal.Update(); } } I have given you an example of EDIT as normally you will need popup when you do perform an Edit. Note:- your page must include below refrences "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" > "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" > "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" >

Mageshwaran R · Answer

Hi Jigar, Please refer this link, https://www.c-sharpcorner.com/blogs/bootstrap-modal-popup-using-asp-net-mvc

Harsh Shah · Answer

Hii Jigar Patel, Please check the below code... "form1" runat= "server" > "ToolkitScriptManager1" runat= "server" > "Button1" runat= "server" Text= "fill form" /> "ModalPopupExtender1" runat= "server" CancelControlID= "Button2" TargetControlID= "Button1" PopupControlID= "Panel1" > "Panel1" runat= "server" CssClass= "Popup" align= "center" style = "display:none" > " width: 350px; height: 300px;" id= "irm1" src= "test2.aspx" runat= "server" > "Button2" runat= "server" Text= "Close" />

Rajanikant Hawaldar · Answer

Below article might help you https://www.c-sharpcorner.com/UploadFile/618722/how-to-create-modalpopup-control-in-Asp-Net-ajax/

Asma Khalid · Answer

Look into this https://bit.ly/2OsSyNI Mark answer as accpted if helpful Thanks & Regards, Asma Khalid For More Visit: www.asmak9.com or www.bytezaar.com

Piyush Pansuriya · Answer

Hi Jigar, Please explain about your requirement in brife. I mean is your project is in windows application or web application? which technology you are using with C#.net?