Loading
how to make modal popup in C#
+1
  • Rajanikant Hawaldar

    Rajanikant HawaldarPosted Dec 29, 2020, 12:56 PM

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

    Sachin SinghPosted Dec 29, 2020, 12:30 PM

    hii
    follow below steps 
    step 1. Add bootstrap modal popup with update panel in your web forms as shown below
    1. class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
    2.                 class="modal-dialog">  
    3.                     "upModal" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">  
    4.                           
    5.                             class="modal-content">  
    6.                                 class="modal-header">  
    7.                                     "button" class="close" data-dismiss="modal" aria-hidden="true">×  
    8.                                     class="modal-title">  
    9.                                         "lblModalTitle" runat="server" Text="">  
    10.                                 
      
  •                                 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
    1. protected void btnEditProfile_Click(object sender, EventArgs e)  
    2.         {  
    3.             string cs = ConfigurationManager.ConnectionStrings["CS"].ConnectionString;  
    4.             using (SqlConnection con = new SqlConnection(cs))  
    5.             {  
    6.                 SqlCommand cmd = new SqlCommand(@"select * from Users where UserName='" + txtUserName.Text + "' and Password=+'" + txtPassword.Text   
    7.     + "'", con);            
    8.                 con.Open();  
    9.                 SqlDataReader rdr = cmd.ExecuteReader();  
    10.                while(rdr.Read())  
    11.                {  
    12.                    txtUserNameNew.Text = rdr["UserName"].ToString();  
    13.                    txtUserPasswordNew.Text = rdr["Password"].ToString();  
    14.                    txtPhoneNumber.Text = rdr["PhoneNumber"].ToString();  
    15.                    txtAddress.Text = rdr["Address"].ToString();  
    16.                }  
    17.             }  
    18.     lblModalTitle.Text = "Edit User Details";  
    19.     lblModalBody.Text = "fill all fields";  
    20.     ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal('show');", true);  
    21.     upModal.Update();  
    22.         }  
    23.     }  
     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 
    1.    
    2. "stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">  
    3.   
    4.   
    5. "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">  
    6.   
    7.   
    8. "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js">  
     
    +1
  • Asma Khalid

    Asma KhalidPosted Dec 29, 2020, 11:45 AM

    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
    +1
  • Piyush Pansuriya

    Piyush PansuriyaPosted Dec 29, 2020, 6:01 AM

    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?
    +1