Master Page Code
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Demo.master.cs" Inherits="Demo" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Demo</title>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
<link rel="icon" href="Assets/favicon.ico" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css" />
<link href="Assets/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="Assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
<link href="Assets/plugins/node-waves/waves.css" rel="stylesheet" />
<link href="Assets/plugins/animate-css/animate.css" rel="stylesheet" />
<link href="Assets/plugins/jquery-datatable/skin/bootstrap/css/dataTables.bootstrap.css" rel="stylesheet" />
<link href="Assets/css/style.css" rel="stylesheet" />
<link href="Assets/css/themes/all-themes.css" rel="stylesheet" />
<script src="images/Functions.js"></script>
<script src="Assets/plugins/jquery/jquery-2.2.3.min.js"></script>
<script src="Assets/plugins/jquery-datatable/jquery.dataTables.js"></script>
<script src="Assets/plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body class="theme-red" runat="server">
<form id="form1" runat="server">
<div class="page-loader-wrapper">
<div class="loader">
<div class="preloader">
<div class="spinner-layer pl-red">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<p class="text-center">Please wait...</p>
</div>
</div>
<div class="overlay"></div>
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>
<a href="javascript:void(0);" class="bars"></a>
<a class="navbar-brand" href="#">Demo</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="pull-right"><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="material-icons">more_vert</i></a></li>
</ul>
</div>
</div>
</nav>
<section>
<aside id="leftsidebar" class="sidebar">
<div class="user-info">
<div class="image">
<img src="Assets/images/user.png" width="48" height="48" alt="User" />
</div>
<div class="info-container">
<div class="name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<asp:Label ID="lblUsername" Text="Admin" runat="server"></asp:Label>
</div>
<div class="email">
<asp:Label ID="lblEmail" Text="admin@gmail.com" runat="server"></asp:Label>
</div>
<div class="btn-group user-helper-dropdown">
<i class="material-icons" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">keyboard_arrow_down</i>
<ul class="dropdown-menu pull-right">
<li><a href="#"><i class="material-icons">person</i>Profile</a></li>
<li><a href="#"><i class="material-icons">input</i>Sign Out</a></li>
</ul>
</div>
</div>
</div>
<div class="menu">
<ul class="list">
<!--li class="header">MAIN NAVIGATION</li-->
<li id="dashboard" runat="server" class="active"><a href="DashBoard.aspx"><i class="material-icons">dashboard</i><span>Dashboard</span></a></li>
<li id="control_panel" class="" runat="server"><a href="Add_Roles.aspx"><i class="material-icons">settings</i><span>Control Panel</span></a></li>
<li class="" id="Masters" runat="server">
<a href="#" class="menu-toggle">
<i class="material-icons">widgets</i>
<span>Master Pages</span>
</a>
<ul class="ml-menu">
<li id="Master_area" class="" runat="server"><a href="Master_Area.aspx"><span>Area</span></a></li>
<li id="Master_company" class="" runat="server"><a href="Master_Company.aspx"><span>Company</span></a></li>
<li id="Master_designation" class="" runat="server"><a href="Master_Designation.aspx"><span>Designation</span></a></li>
<li id="Master_district" class="" runat="server"><a href="Master_District.aspx"><span>District</span></a></li>
<li id="Master_expense" class="" runat="server"><a href="Master_Expense.aspx"><span>Expense</span></a></li>
<li id="Master_Company_Products" class="" runat="server"><a href="Master_Products.aspx"><span>Company Products</span></a></li>
<li id="Master_Supplier_Products" class="" runat="server"><a href="Master_Supplier_Product.aspx"><span>Suppliers Product</span></a></li>
<li id="Master_route" class="" runat="server"><a href="Master_Route.aspx"><span>Route</span></a></li>
<li id="Master_scheme_type" class="" runat="server"><a href="Master_Scheme_Type.aspx"><span>Scheme Type</span></a></li>
<li id="Master_taluka" class="" runat="server"><a href="Master_Taluka.aspx"><span>Taluka</span></a></li>
<li id="Master_message" class="" runat="server"><a href="MessageSettings.aspx"><span>Message</span></a></li>
</ul>
</li>
<li class="" id="Registration" runat="server">
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">person_add</i>
<span>Registration</span>
</a>
<ul class="ml-menu">
<li id="Registration_customer" runat="server"><a href="Customer_Registration.aspx"><span>Customer Registration</span></a></li>
<li id="Registration_distributor" runat="server"><a href="Distributors.aspx"><span>Distributor Registration</span></a></li>
<li id="Registration_supplier" runat="server"><a href="Supplier_registration.aspx"><span>Supplier Registration</span></a></li>
</ul>
</li>
<li class="" id="Employee" runat="server">
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">person_pin</i>
<span>Employee</span>
</a>
<ul class="ml-menu">
<li id="Registration_employee" runat="server"><a href="Employees.aspx"><span>Employee Registration</span></a></li>
<li id="Employee_attendance" runat="server"><a href="Employee_Attendance.aspx"><span>Employee Attendance</span></a></li>
</ul>
</li>
<li class="" id="Booking" runat="server">
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">view_list</i>
<span>Bookings</span>
</a>
<ul class="ml-menu">
<li id="Booking_customer" runat="server"><a href="Booking_Customer.aspx"><span>Customer Booking</span></a></li>
<li id="Booking_distributor" runat="server"><a href="Booking_Distributor.aspx"><span>Distributor Booking</span></a></li>
</ul>
</li>
<li class="" id="Vehicles" runat="server">
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">local_shipping</i>
<span>Vehicle</span>
</a>
<ul class="ml-menu">
<li id="Registration_vehicle" runat="server"><a href="Vehicle_Registration.aspx"><span>Vehicle Registration</span></a></li>
<li id="Vehicle_tracking" runat="server"><a href="Vehicle_Tracking.aspx"><span>Vehicle Tracking</span></a></li>
</ul>
</li>
<li class="" id="Delivery" runat="server">
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">shopping_cart</i>
<span>Delivery</span>
</a>
<ul class="ml-menu">
<li id="Delivery_out" runat="server"><a href="Delivery_Out.aspx"><span>Dispatch</span></a></li>
<li id="Delivery_in" runat="server"><a href="Delivery_In.aspx"><span>Reporting</span></a></li>
</ul>
</li>
<li id="Purchase_Order" runat="server"><a href="Purchase_Order.aspx"><i class="material-icons">shopping_basket</i><span>Purchase Order</span></a></li>
<li id="stock_entry" runat="server"><a href="Stock_Entry.aspx"><i class="material-icons">store</i><span>Stock Entry</span></a></li>
<li id="Daily_expenditure" runat="server"><a href="Daily_Expenditure.aspx"><i class="material-icons">transfer_within_a_station</i><span>Daily Expenditure</span></a></li>
<li class="" id="reports_pages" runat="server">
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">assignment</i>
<span>Reports</span>
</a>
<ul class="ml-menu">
<li id="Report_Booking_Consolidated" runat="server"><a href="Report_Booking_Consolidated.aspx"><span>Consolidated Booking</span></a></li>
<li id="Report_qr_code" runat="server"><a href="QR_Code.aspx"><span>QR Code</span></a></li>
<li id="Report_cust_dist" runat="server"><a href="Report_Customer_Distributor.aspx"><span>Customer and Distributor</span></a></li>
<li id="Report_employee_details" runat="server"><a href="Report_Employee_Details.aspx"><span>Employee Details</span></a></li>
<li id="Report_supplier" runat="server"><a href="Report_Supplier.aspx"><span>Suppliers</span></a></li>
<li id="Report_purchase_order" runat="server"><a href="Report_Purchase_Order.aspx"><span>Purchase Order</span></a></li>
<li id="Report_stock_details" runat="server"><a href="Report_Stock_Details.aspx"><span>Stock Details</span></a></li>
<li id="Report_collections" runat="server"><a href="Reports_Collections_can_Sales_returns.aspx"><span>Collections</span></a></li>
<li id="Report_expenditure" runat="server"><a href="Reports_Expenditure.aspx"><span>Expenditure</span></a></li>
<li id="Report_vehicle" runat="server"><a href="Reports_Vehicle.aspx"><span>Vehicle</span></a></li>
</ul>
</li>
<li id="customer_complaint" runat="server"><a href="Customer_Complaints.aspx"><i class="material-icons">feedback</i><span>Customer Complaints</span></a></li>
</ul>
</div>
<div class="legal">
<div class="copyright text-center">
<a href="javascript:void(0);">Anant Technologies Pvt Ltd</a>.
</div>
<div class="version text-center">
<b>Version: </b>1.0 ©2017
</div>
</div>
</aside>
<aside id="rightsidebar" class="right-sidebar">
<ul class="nav nav-tabs tab-nav-right" role="tablist">
<!--li><h3 class="pull-left">Skins</h3></li-->
<li role="presentation" class="active"><a href="#skins" data-toggle="tab">SKINS</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active in active" id="skins">
<ul class="demo-choose-skin">
<li data-theme="red" class="active">
<div class="red"></div>
<span>Red</span>
</li>
<li data-theme="pink">
<div class="pink"></div>
<span>Pink</span>
</li>
<li data-theme="purple">
<div class="purple"></div>
<span>Purple</span>
</li>
<li data-theme="deep-purple">
<div class="deep-purple"></div>
<span>Deep Purple</span>
</li>
<li data-theme="indigo">
<div class="indigo"></div>
<span>Indigo</span>
</li>
<li data-theme="blue">
<div class="blue"></div>
<span>Blue</span>
</li>
<li data-theme="light-blue">
<div class="light-blue"></div>
<span>Light Blue</span>
</li>
<li data-theme="cyan">
<div class="cyan"></div>
<span>Cyan</span>
</li>
<li data-theme="teal">
<div class="teal"></div>
<span>Teal</span>
</li>
<li data-theme="green">
<div class="green"></div>
<span>Green</span>
</li>
<li data-theme="light-green">
<div class="light-green"></div>
<span>Light Green</span>
</li>
<li data-theme="lime">
<div class="lime"></div>
<span>Lime</span>
</li>
<li data-theme="yellow">
<div class="yellow"></div>
<span>Yellow</span>
</li>
<li data-theme="amber">
<div class="amber"></div>
<span>Amber</span>
</li>
<li data-theme="orange">
<div class="orange"></div>
<span>Orange</span>
</li>
<li data-theme="deep-orange">
<div class="deep-orange"></div>
<span>Deep Orange</span>
</li>
<li data-theme="brown">
<div class="brown"></div>
<span>Brown</span>
</li>
<li data-theme="grey">
<div class="grey"></div>
<span>Grey</span>
</li>
<li data-theme="blue-grey">
<div class="blue-grey"></div>
<span>Blue Grey</span>
</li>
<li data-theme="black">
<div class="black"></div>
<span>Black</span>
</li>
</ul>
</div>
</div>
</aside>
</section>
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
<script src="Assets/plugins/bootstrap/js/bootstrap.js"></script>
<script src="Assets/plugins/bootstrap-select/js/bootstrap-select.js"></script>
<script src="Assets/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
<script src="Assets/plugins/node-waves/waves.js"></script>
<script src="Assets/js/admin.js"></script>
<script src="Assets/js/demo.js"></script>
</body>
</html>
Content Page Code
<%@ Page Title="" Language="C#" MasterPageFile="~/Demo.master" AutoEventWireup="true" CodeFile="Distributors.aspx.cs" Inherits="Distributors" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script type="text/javascript">
$(function () {
$('[id$=grid_dist_registration]').prepend($("<thead></thead>").append($('[id$=grid_dist_registration]').find("tr:first"))).DataTable({
"responsive": true,
"sPaginationType": "full_numbers",
"aoColumnDefs": [{ bSortable: false, aTargets: [0] }]
});
$('[id$=grid_dist_registration] tr:first').eq(0).find('th').eq(0).removeClass();
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<asp:ScriptManager ID="ScriptManager2" runat="server"></asp:ScriptManager>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div class="page-loader-wrapper">
<div class="loader">
<div class="preloader">
<div class="spinner-layer pl-red">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<p>Please Wait...</p>
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<section class="content">
<div class="container-fluid">
<div class="block-header">
<h2>Distributor Registration
</h2>
</div>
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>Distributor Registration</h2>
</div>
<div class="body">
<asp:Label ID="lbl_id" runat="server" Text="New" Visible="False"></asp:Label>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">First Name</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_fname" onkeyup="this.value=this.value.toUpperCase()" onkeypress="return onlyAlphabets(event, this)" TabIndex="1" placeholder="Firstname" CssClass="form-control"
runat="server" Style="text-transform: uppercase" MaxLength="20"></asp:TextBox>
<asp:RequiredFieldValidator ID="req_vldtr_fname" runat="server" ErrorMessage="Firstname required"
ControlToValidate="txt_fname" SetFocusOnError="true" CssClass="pull-right"
ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Last Name</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_lname" Style="text-transform: uppercase" TabIndex="2" placeholder="Lastname" CssClass="form-control"
runat="server" onkeypress="return onlyAlphabets(event, this)" Rows="20"></asp:TextBox>
<asp:RequiredFieldValidator ID="req_vldtr_lname" runat="server" ErrorMessage="Lastname required"
ControlToValidate="txt_lname" SetFocusOnError="true" CssClass="pull-right"
ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">Email</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_email" TabIndex="3" placeholder="abc123@example.com" CssClass="form-control"
runat="server" MaxLength="50"></asp:TextBox>
<%-- <asp:RequiredFieldValidator ID="req_vldtr_email" runat="server" ErrorMessage="Email required"
ControlToValidate="txt_email" SetFocusOnError="True" CssClass="pull-right"
ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>--%>
<asp:RegularExpressionValidator ID="exp_vldtr_email" runat="server" ErrorMessage="Invalid email entered| Check your caps Lock!"
ControlToValidate="txt_email" SetFocusOnError="true" CssClass="pull-right" ForeColor="Red"
Font-Bold="true" ValidationExpression="\w+([-+.]\w+)*@(yahoo\.com|gmail\.com|outlook\.com|yahoo\.co.in|rediffmail\.com)"></asp:RegularExpressionValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Mobile</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_mobile" TabIndex="4" runat="server" onkeypress="return isNumberKey(event)" CssClass="form-control" placeholder="Mobile number"
AutoPostBack="True" OnTextChanged="txt_mobile_TextChanged" MaxLength="10"></asp:TextBox>
<asp:RequiredFieldValidator ID="req_vldtr_mobile" runat="server" ErrorMessage="Mobile number required"
ControlToValidate="txt_mobile" SetFocusOnError="true" CssClass="pull-right"
ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="Invalid mobile number entered"
ControlToValidate="txt_mobile" SetFocusOnError="true" CssClass="pull-right" ForeColor="Red" Font-Bold="true"
ValidationExpression="[789][0-9]{9}"></asp:RegularExpressionValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">Phone</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_phone" TabIndex="5" placeholder="Alternate contact number" CssClass="form-control"
runat="server" MaxLength="15"></asp:TextBox>
<ajaxtoolkit:filteredtextboxextender id="txt_phone_FilteredTextBoxExtender" runat="server" behaviorid="txt_phone_FilteredTextBoxExtender" invalidchars="&^%$#@!()+abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ" validchars="1234567890-" targetcontrolid="txt_phone" />
<asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="txt_phone" ValidationExpression="\d{3,5}([-]*)\d{5,10}" ErrorMessage="Invalid Phone Number" CssClass="pull-right" Font-Bold="True" ForeColor="Red"></asp:RegularExpressionValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">District</label>
<div class="form-group">
<div class="form-line">
<asp:DropDownList ID="ddl_district" runat="server" AutoPostBack="True"
CssClass="form-control" OnSelectedIndexChanged="ddl_district_SelectedIndexChanged" TabIndex="6">
<asp:ListItem>--SELECT--</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="req_vldtr_district" runat="server"
ErrorMessage="District cannot be left unselected" ControlToValidate="ddl_district" SetFocusOnError="true"
CssClass="pull-right" InitialValue="--SELECT--" ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">Taluka</label>
<div class="form-group">
<div class="form-line">
<asp:DropDownList ID="ddl_taluka" TabIndex="7" runat="server" AutoPostBack="True" CssClass="form-control" OnSelectedIndexChanged="ddl_taluka_SelectedIndexChanged">
<asp:ListItem>--SELECT--</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="req_vldtr_taluka" runat="server"
ErrorMessage="Taluk cannot be left unselected" ControlToValidate="ddl_taluka" SetFocusOnError="true"
CssClass="pull-right" ForeColor="Red" Font-Bold="true" InitialValue="--SELECT--"></asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Area</label>
<div class="form-group">
<div class="form-line">
<asp:DropDownList ID="ddl_area" TabIndex="8" CssClass="form-control" runat="server">
<asp:ListItem>--SELECT--</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Area required"
ControlToValidate="ddl_area" SetFocusOnError="true" CssClass="pull-right" InitialValue="--SELECT--"
ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">Pincode</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_pincode" TabIndex="9" placeholder="Pin Code" CssClass="form-control"
runat="server" onkeypress="return isNumberKey(event)" MaxLength="6"></asp:TextBox>
<asp:RequiredFieldValidator ID="req_vldtr_pincode" runat="server"
ErrorMessage="Pin-code required" ControlToValidate="txt_pincode" SetFocusOnError="true"
CssClass="pull-right" ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ErrorMessage="Enter Valid Pincode" ControlToValidate="txt_pincode" SetFocusOnError="True" ValidationExpression="[5][0-9]{5}" CssClass="pull-right" ForeColor="Red" Font-Bold="true"></asp:RegularExpressionValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Firm Name</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_firm" Style="text-transform: uppercase" TabIndex="10" placeholder="Name of the firm." runat="server"
CssClass="form-control"></asp:TextBox>
<asp:RequiredFieldValidator ID="req_vldtr_firm" runat="server"
ErrorMessage="Distributor's firm name required" ControlToValidate="txt_firm" SetFocusOnError="true"
CssClass="pull-right" ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">GSTIN Number</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_tinno" TabIndex="11" placeholder="GSTIN Number" CssClass="form-control"
runat="server" onkeypress="return isNumberKey(event)" Columns="15" MaxLength="15"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ErrorMessage="GSTIN Number required" ControlToValidate="txt_tinno" SetFocusOnError="true"
CssClass="pull-right" ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Web Site</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_website" TabIndex="12" placeholder="Distributor's Web-Site URL." runat="server"
CssClass="form-control" Columns="25"></asp:TextBox>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">Deposit</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_deposit" TabIndex="13" placeholder="Deposit amount (in rupees)." CssClass="form-control" runat="server" MaxLength="8" onkeypress="return isNumberKey(event)"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ErrorMessage="Deposit Amount required" ControlToValidate="txt_deposit" SetFocusOnError="true"
CssClass="pull-right" ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
<asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate="txt_deposit" CssClass="pull-right" ForeColor="Red" Font-Bold="true" MinimumValue="1" MaximumValue="500000" ErrorMessage="Invalid Amount"></asp:RangeValidator>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Address</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_address" TabIndex="14" placeholder="Residential or work address that can be used for communication."
CssClass="form-control" runat="server" TextMode="MultiLine" MaxLength="50" Style="resize: none; text-transform: uppercase" onkeypress="myFunction(this);"></asp:TextBox>
<asp:RequiredFieldValidator ID="req_vldtr_address" runat="server"
ErrorMessage="Home or work address required" ControlToValidate="txt_address" SetFocusOnError="true"
CssClass="pull-right" ForeColor="Red" Font-Bold="true"></asp:RequiredFieldValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address">Contact Person Name</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_contact_person" Style="text-transform: uppercase" TabIndex="15" placeholder="Alternate contact person name." CssClass="form-control" runat="server" onkeypress="return onlyAlphabets(event,this);" MaxLength="30"></asp:TextBox>
</div>
</div>
</div>
<div class="col-md-6">
<label for="email_address">Mobile Number</label>
<div class="form-group">
<div class="form-line">
<asp:TextBox ID="txt_alt_mob_no" TabIndex="16" CssClass="form-control" placeholder="Mobile number." runat="server" onkeypress="return isNumberKey(event)" MaxLength="10"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="Invalid mobile number entered"
ControlToValidate="txt_alt_mob_no" SetFocusOnError="true" CssClass="pull-right" ForeColor="Red" Font-Bold="true"
ValidationExpression="[789][0-9]{9}"></asp:RegularExpressionValidator>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-6">
<label for="email_address"></label>
<div class="form-group">
<asp:Image ID="Image1" runat="server" Height="150px" Width="150px" />
</div>
</div>
</div>
<div class="col-md-9">
<div class="form-group">
</div>
</div>
<div class="header">
</div>
<asp:Button ID="btn_submit" TabIndex="2" CssClass="btn btn-success m-t-15 waves-effect"
runat="server" Text="Submit" Width="100px" OnClick="btn_submit_Click" />
<asp:Button ID="btn_reset" TabIndex="3" CssClass="btn btn-danger m-t-15 waves-effect"
runat="server" Text="Reset" Width="100px" OnClick="btn_reset_Click1" ValidationGroup="*" />
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>Distributors</h2>
</div>
<div class="body">
<div class="row clearfix">
<div class="col-md-12">
<asp:GridView ID="grid_dist_registration" CssClass="table table-striped table-hover table-responsive" runat="server" DataKeyNames="distributor_id" OnRowCommand="grid_dist_registration_RowCommand" GridLines="None" AutoGenerateColumns="False" Width="100%">
<Columns>
<asp:TemplateField HeaderText="Actions" ShowHeader="False" ItemStyle-Width="50px">
<ItemTemplate>
<asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="false" CommandName="edt" Text="Edit" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>"><i class="glyphicon glyphicon-edit"></i></asp:LinkButton>
<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="false" CommandName="dlt" Text="Delete" CommandArgument="<%# ((GridViewRow) Container).RowIndex %>" OnClientClick="return confirm('Are You Sure Want To Delete Record?')"><i class="glyphicon glyphicon-trash"></i></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="fname" HeaderText="First Name" />
<asp:BoundField DataField="lname" HeaderText="Last Name" />
<asp:BoundField DataField="email" HeaderText="E Mail" />
<asp:BoundField DataField="mobile_no" HeaderText="Mobile" />
<asp:BoundField DataField="phone" HeaderText="Phone" />
<asp:BoundField DataField="address" HeaderText="Address" />
<asp:BoundField DataField="pincode" HeaderText="Pincode" />
<asp:BoundField DataField="deposit" HeaderText="Deposit" />
<asp:BoundField DataField="contact_person" HeaderText="Contact Person" />
<asp:BoundField DataField="alt_mobile_no" HeaderText="Alt Mobile" />
<asp:BoundField DataField="firmname" HeaderText="Firm Name" />
<asp:BoundField DataField="tin_no" HeaderText="Tin No" />
<asp:BoundField DataField="website" HeaderText="Website" />
</Columns>
<RowStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:GridView>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID ="ddl_district" />
<asp:AsyncPostBackTrigger ControlID ="ddl_taluka" />
</Triggers>
</asp:UpdatePanel>
<script type="text/javascript">
//On UpdatePanel Refresh
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm != null) {
prm.add_endRequest(function (sender, e) {
if (sender._postBackSettings.panelsToUpdate != null) {
$('[id$=grid_dist_registration]').prepend($("<thead></thead>").append($('[id$=grid_dist_registration]').find("tr:first"))).DataTable({
"responsive": true,
"sPaginationType": "full_numbers",
"aoColumnDefs": [{ bSortable: false, aTargets: [0] }]
});
$('[id$=grid_dist_registration] tr:first').eq(0).find('th').eq(0).removeClass();
}
});
};
</script>
</asp:Content>