Boostrap Design Form

 


Registration Download Link 


https://colorlib.com/wp/template/colorlib-regform-4/



Design 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

     <!-- Title Page-->

    <title>Au Register Forms by Colorlib</title>


    <!-- Icons font CSS-->

    <link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

    <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">

    <!-- Font special for pages-->

    <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">


    <!-- Vendor CSS-->

    <link href="vendor/select2/select2.min.css" rel="stylesheet" media="all">

    <link href="vendor/datepicker/daterangepicker.css" rel="stylesheet" media="all">


    <!-- Main CSS-->

    <link href="css/main.css" rel="stylesheet" media="all">

</head>

<body>

    <form id="form1" runat="server">

        <div class="page-wrapper bg-gra-02 p-t-130 p-b-100 font-poppins">

        <div class="wrapper wrapper--w680">

            <div class="card card-4">

                <div class="card-body">

                    <h2 class="title">Registration Form</h2>

                    <form method="POST">

                        <div class="row row-space">

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">first name</label>

                                    <asp:Label ID="lblid" runat="server" Text="Label" Visible="false"></asp:Label>

                                  <asp:TextBox ID="txtfname" runat="server" class="input--style-4"></asp:TextBox>

                                </div>

                            </div>

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">last name</label>

                                    <asp:TextBox ID="txtlname" runat="server" class="input--style-4"></asp:TextBox>

                                </div>

                            </div>

                        </div>

                        <div class="row row-space">

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Birthday</label>

                                    <div class="input-group-icon">

                                        <asp:TextBox ID="txtdob" runat="server" class="input--style-4 js-datepicker" ></asp:TextBox>

                                        <i class="zmdi zmdi-calendar-note input-icon js-btn-calendar"></i>

                                        </div>

                                </div>

                            </div>

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Gender</label>

                                    <div class="p-t-10">

                                        <label class="radio-container m-r-45"><%--Male--%>

                                    <asp:RadioButton ID="RadioButton1_Male" runat="server" Text="Male" GroupName="Gender" Checked="true"/>

                                            <span class="checkmark"></span>

                                        </label>

                                        <label class="radio-container"><%--Female--%>

                                     <asp:RadioButton ID="RadioButton2_Female" runat="server" Text="Female" GroupName="Gender"/>

                                            <span class="checkmark"></span>

                                        </label>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="row row-space">

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Email</label>

                                    <asp:TextBox ID="txtemail" runat="server" class="input--style-4"></asp:TextBox>

                                </div>

                            </div>

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Phone Number</label>

                                    <asp:TextBox ID="txtmob" runat="server" class="input--style-4"></asp:TextBox>

                                </div>

                            </div>

                        </div>

                        <div class="row row-space">

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Degree</label>

                                    <div class="rs-select2 js-select-simple select--no-search">

                                   <asp:DropDownList ID="ddldegree" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddldegree_SelectedIndexChanged">

                                   </asp:DropDownList>

                                <div class="select-dropdown"></div>

                            </div>

                                </div>

                            </div>

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Branch</label>

                                   <div class="rs-select2 js-select-simple select--no-search">

                                  <asp:DropDownList ID="ddlbranch" runat="server" AutoPostBack="true">

                                   </asp:DropDownList>

                                <div class="select-dropdown"></div>

                            </div>

                                </div>

                            </div>

                        </div>

                          <div class="row row-space">

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Pic Upload</label>

                                    <asp:FileUpload ID="FileUpload1" runat="server" class="input--style-4"/>

                                </div>

                            </div>

                            <div class="col-2">

                                <div class="input-group">

                                    <label class="label">Doc Upload</label>

                                    <asp:FileUpload ID="FileUpload2" runat="server" class="input--style-4"/>

                                </div>

                            </div>

                        </div>

                            

                          

                        <div class="form-check position-absolute top-0 start-0">

                           <asp:CheckBox ID="CheckBox1" runat="server" class="form-check-input" checked />

                          <label class="form-check-label" for="flexCheckChecked">

                          Checked checkbox

                         </label>

                       </div>


                        <div class="p-t-15">

                            <asp:Button ID="Button1" runat="server" class="btn btn--radius-2 btn--blue" Width="160px" Text="Submit" OnClick="Button1_Click" />

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>


    <!-- Jquery JS-->

    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Vendor JS-->

    <script src="vendor/select2/select2.min.js"></script>

    <script src="vendor/datepicker/moment.min.js"></script>

    <script src="vendor/datepicker/daterangepicker.js"></script>


    <!-- Main JS-->

    <script src="js/global.js"></script>

    </form>

</body>

</html>




Code  


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

public partial class _Default : System.Web.UI.Page
{
    SqlConnection cn;
    SqlCommand cm;
    SqlDataReader dr;
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!IsPostBack)
        {
            showdegree(); 
        }
    }

    protected void showdegree()
    {
        string path = ConfigurationManager.AppSettings["db1"];
        cn = new SqlConnection(path);
        cn.Open();

        SqlCommand cm = new SqlCommand("SELECT Id,Degree FROM AMSDPT", cn);
        SqlDataReader dr = cm.ExecuteReader();
        ddldegree.DataSource = dr;
        ddldegree.DataTextField = "Degree";
        ddldegree.DataValueField = "Id";
        ddldegree.DataBind();
        ddldegree.Items.Insert(0, "Select");
        dr.Close();
    }

    //protected void showbranch()
    //{
    //    string path = ConfigurationManager.AppSettings["db1"];
    //    cn = new SqlConnection(path);
    //    cn.Open();

    //    //SqlCommand cm = new SqlCommand("SELECT Branch FROM AMSDPTB WHERE Id='" + ddldegree.SelectedValue + "'", cn);
    //    SqlCommand cm = new SqlCommand("select Branch from AMSDPTB where Id='" + ddldegree.SelectedValue + "'", cn);
    //    SqlDataReader dr = cm.ExecuteReader();
    //    ddlbranch.DataSource = dr;
    //    ddlbranch.DataTextField = "Branch";
    //    ddlbranch.DataBind();
    //    ddlbranch.Items.Insert(0, "Select");
    //    dr.Close();
    //}
    protected void branch()
    {
        string path = ConfigurationManager.AppSettings["db1"];
        cn = new SqlConnection(path);
        cn.Open();

        string k = "SELECT Branch FROM AMSDPTB where Id='" + ddldegree.SelectedValue + "'";
        cm = new SqlCommand(k, cn);
        dr = cm.ExecuteReader();
        ddlbranch.DataSource = dr;
        ddlbranch.DataTextField = "Branch";
        ddlbranch.DataBind();
        ddlbranch.Items.Insert(0, "Select");
        dr.Close();
    }


    protected void ddldegree_SelectedIndexChanged(object sender, EventArgs e)
    {
        branch();
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        string path = ConfigurationManager.AppSettings["db1"];
        cn = new SqlConnection(path);
        cn.Open();

        FileUpload1.SaveAs(Server.MapPath("~") + "/Photo/" + FileUpload1.FileName);
        FileUpload2.SaveAs(Server.MapPath("~") + "/Document/" + FileUpload2.FileName);

        string k1 = "select count(id)+1 from mastersoft2test";
        cm = new SqlCommand(k1, cn);
        lblid.Text = cm.ExecuteScalar().ToString();

        if (CheckBox1.Checked==true)
        {
            string k = "insert into mastersoft2test(id,fname,lname,dob,gender,email,mobile,degree,branch,photo,document)values(@id1,@fname1,@lname1,@dob1,@gender1,@email1,@mobile1,@degree1,@branch1,@photo1,@document1)";
            cm = new SqlCommand(k, cn);
            cm.Parameters.AddWithValue("id1", lblid.Text);
            cm.Parameters.AddWithValue("fname1", txtfname.Text);
            cm.Parameters.AddWithValue("lname1", txtlname.Text);
            cm.Parameters.AddWithValue("dob1", txtdob.Text);
            if (RadioButton1_Male.Checked == true)
            {
                cm.Parameters.AddWithValue("Gender1", RadioButton1_Male.Text);
            }
            else
            {
                cm.Parameters.AddWithValue("Gender1", RadioButton2_Female.Text);
            }
            cm.Parameters.AddWithValue("email1", txtemail.Text);
            cm.Parameters.AddWithValue("mobile1", txtmob.Text);
            cm.Parameters.AddWithValue("degree1", ddldegree.Text);
            cm.Parameters.AddWithValue("branch1", ddlbranch.Text);
            cm.Parameters.AddWithValue("photo1", FileUpload1.FileName);
            cm.Parameters.AddWithValue("document1", FileUpload2.FileName);
            cm.ExecuteNonQuery();
            Response.Write("<script>alert('Data Submited Succesfully')</script>");

            lblid.Text = "";
            txtfname.Text = "";
            txtlname.Text = "";
            txtdob.Text = "";
            txtemail.Text = "";
            txtmob.Text = "";

            Response.Redirect("List_Grid.aspx");
        }
        else
        {
            Response.Write("<script>alert('Select Terms & Condition')</script>");
        }
       
    }


}




Web Config


<?xml version="1.0"?>
<configuration>
  <appSettings>
    <add key="db1" value="Data Source=188.138.122.60;Initial Catalog=demodatabase;Persist Security Info=True;User ID=demouser1;Password=demodb@2022$84"/>
  </appSettings>
  <system.web>
    <compilation debug="true" targetFramework="4.0"/>

    <!-- This will handle requests up to 50MB (in kilobytes) -->
    <httpRuntime targetFramework="4.5" maxRequestLength="51200" />  
    
  </system.web>
</configuration>





Comments

Post a Comment

Popular posts from this blog

DATA CONTROL ( Gridview , Repeater , Formview , DataList , Detailsview , Listview )

  GRIDVIEW SOURCE CODE :      <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"              Height="279px" Width="610px">             <Columns>                 <asp:TemplateField HeaderText="roll">                 <ItemTemplate>                     <asp:TextBox ID="txtroll" runat="server" Text='<%# Eval("roll") %>'></asp:TextBox>                 </ItemTemplate>                 </asp:TemplateField>                 <asp:TemplateField HeaderText="name">                 <ItemTemplate>               ...
Read more

Z 5 ) MVC (Model view Controller)

Image
  MVC (Model view Controller)    Model View Controller   The first version of  MVC is called MVED(Model View Editor) MVC is to multi layer architecture  Model         (class and variables) View          (.cshtml) Controller   (Logic building) MVC is directly operate html page in this reason it is called light weight environment. MVC Block Diagrame   .NET Framework  ASP.NET MVC ASP.Net Webform Benefits of MVC application It is manage complex application Direct control use in html It provide test driven development testing to (url http/data)
Read more

Z 8 ) MVC HTMLHELPER METHOD AND ACTIONLINK (how to use css ,atrributes,style in css)

Image
  HTML HELPER METHODS IN ASP.NET MVC 5 In ASP.NET MVC Framework, helper methods: Ø  Are extension methods to the Html Helper class, can be called only from views. Ø  An HTML helper is a method that is used to render html content in a view. Ø  Simplifies the process of creating a view. Ø  Allows generating HTML markup that you can reuse across the Web application. Some of the commonly used helper methods while developing an MVC application are as follows: Ø  Html.ActionLink() Ø  Html.BeginForm() and Html.EndForm() Ø  Html.Label() Ø  Html.TextBox() Ø  Html.TextArea() Ø  Html.Password() Ø  Html.CheckBox()
Read more