how to bind the data form dAtabase in c# - c#

"
SelectCommand="select case when len(T.hallticketno)=1 then '0000'+ convert(varchar(20),T.hallticketno)
when len(T.hallticketno)=2 then '000'+ Convert(varchar(20),T.hallticketno)
when len(T.hallticketno)=3 then '00'+ Convert(varchar(20),T.hallticketno)
when len(T.hallticketno)=4 then '0'+ Convert(varchar(20),T.hallticketno)
when len(T.hallticketno)=5 then Convert(varchar(20),T.hallticketno) end as Hallticketno
,T.Studentname,(select senseiname from senseimaster where senseiid=T.senseiID) as SenseiName,(select kyuname from kyumaster where kyuid= T.kyuid) as Kyu,(select groupname from groupmaster where groupid= T.groupid) as GroupName,T.Fathername,convert(varchar(20),T.dob,103) as Dob, case when T.sex=0 then 'Male' else 'Female' end as Gender
from applicationForm T where Franchiseid =#FRANCHISEID and Competitionid=#competitionId
order by groupname ">
--%>
CompanyName
City
--%>
<table id ="sample " border ="1px" visible ="false" >
<tr>
<asp:Label ID="Label13" runat ="server" Font-Bold="true" Text ='<%#Bind(CompetitionName)%>' ></asp:Label><td style="width: 100px">
</td>
<td style="width: 106px">
</td>
<td style="width: 127px">
</td>
<td style="width: 129px">
</td>
</tr>
<tr>
<td style="width: 100px">
Venue</td>
<td style="width: 106px">
<asp:Label ID="Label14" runat ="server" Font-Bold="true" Text ='<%Bind(competitionaddress) %>' ></asp:Label>
</td>
<td style="width: 127px">
Date of Competition</td>
<td style="width: 129px">
<asp:Label ID ="Label15" runat ="server" ></asp:Label>
</td>
</tr>
<tr>
<td style="width: 100px">
Hall Ticket No</td>
<td style="width: 106px">
<asp:Label Font-Bold="true" Font-Size="X-Large" ID="Label16" runat="server" ></asp:Label>
</td>
<td style="width: 127px">
Group</td>
<td style="width: 129px">
<asp:Label ID="Label17" runat="server" Font-Bold="true"></asp:Label>
<%--<asp:Label ID="Lable1" runat ="server" Font-Bold="true" Text ='<%Bind("GroupName")%>'></asp:Label>--%>
</td>
</tr>
<tr>
<td style="width: 100px">
Student Name</td>
<td style="width: 106px">
<asp:Label ID ="Lable18" runat ="server" ></asp:Label>
</td>
<td style="width: 127px">
Kyu</td>
<td style="width: 129px">
<asp:Label ID="Lable19" runat ="server" ></asp:Label>
</td>
</tr>
<tr>
<td rowspan="3" style="width: 100px">
</td>
<td style="width: 106px">
<asp:Label ID ="Lable20" runat ="server" ></asp:Label>
</td>
<td style="width: 127px">
Franchise Name</td>
<td style="width: 129px">
<asp:Label ID ="Lable21" runat ="server" ></asp:Label>
</td>
</tr>
<tr>
<td style="width: 106px">
</td>
<td style="width: 127px">
Sensei's Name</td>
<td style="width: 129px">
<asp:Label ID ="Lable22" runat ="server" ></asp:Label>
</td>
</tr>
<tr>
<td style="width: 106px">
</td>
<td style="width: 127px">
</td>
<td style="width: 129px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 106px">
Signature of HO</td>
<td style="width: 127px">
</td>
<td style="width: 129px">
Signature of Student</td>
</tr>
</table>
<%--</asp:Repeater> --%>
if i click the Hall Ticket then the data sholud be bound to particular field...how to do friends plz help me...


You must use a control supporting DataBind, enclosing your table, like a FormView.

Related

aspx page could not connected with aspx.cs file

So basically i have Web page form named Lab4.aspx but everytime i pressed button, it will always direct to script runat="server" and not the aspx.cs,also the button is changed back to Button_1 when i changed it to BtnSubmit
<script runat="server">
Protected Sub Button1_Click(sender As Object, e As EventArgs)
End Sub
</script>
For the aspx.cs, i already changed the public partial class to public partial class Lab4: System.Web.UI.Page in the aspx.cs and also name the file to Lab4.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Lab4 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void BtnSubmit_Click(object sender, EventArgs e)
It would be great if this mystery can be solved because i have tried search for this solution everywhere
Here's the code for the button control on aspx page
<asp:Button ID="BtnSubmit" runat="server" onclick="Button1_Click" Text="Submit"
Width="85px" />
and this is the full code for aspx page
<script runat="server">
Protected Sub Button1_Click(sender As Object, e As EventArgs)
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
font-size: xx-large;
font-family: "Tw Cen MT";
height: 1161px;
}
.style2
{
text-decoration: underline;
}
.style3
{
font-size: x-large;
background-color: #9933FF;
}
.style4
{
width: 100%;
}
.style5
{
width: 243px;
}
.style6
{
width: 609px;
}
.style7
{
width: 243px;
height: 32px;
}
.style8
{
width: 609px;
height: 32px;
background-color: #FFFFFF;
}
.style9
{
height: 32px;
}
.style10
{
background-color: #9966FF;
}
.style11
{
width: 243px;
height: 31px;
}
.style12
{
width: 609px;
height: 31px;
}
.style13
{
height: 31px;
}
.style14
{
width: 303px;
font-size: x-large;
}
.style15
{
width: 303px;
height: 41px;
}
.style16
{
height: 41px;
}
.style17
{
font-size: x-large;
}
.style20
{
width: 254px;
}
.style21
{
width: 254px;
height: 41px;
}
.style22
{
width: 243px;
height: 45px;
}
.style23
{
width: 609px;
height: 45px;
}
.style24
{
height: 45px;
}
.style25
{
width: 303px;
font-size: x-large;
height: 32px;
}
.style26
{
width: 254px;
height: 32px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="style1">
Nasi Tapau O<span class="style2">nline Order
</span>
<br />
<br />
<span class="style3"><span class="style10">Customer's Details
</span>
<br />
<table class="style4">
<tr>
<td class="style5">
Name :
</td>
<td class="style6">
<span class="style3">
<asp:TextBox ID="TxtName" runat="server" Width="545px"></asp:TextBox>
</span>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="style7">
</td>
<td class="style8">
</td>
<td class="style9">
</td>
<td class="style9">
</td>
</tr>
<tr>
<td class="style5">
Contact Number :</td>
<td class="style6">
<span class="style3">
<asp:TextBox ID="TxtContactNo" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="style5">
</td>
<td class="style6">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="style5">
Email :</td>
<td class="style6">
<span class="style3">
<asp:TextBox ID="TxtEmail" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="style7">
</td>
<td class="style8">
</td>
<td class="style9">
</td>
<td class="style9">
</td>
</tr>
<tr>
<td class="style5">
Order Details :</td>
<td class="style6">
</td>
<td>
Quantity :
</td>
<td>
</td>
</tr>
<tr>
<td class="style5">
</td>
<td class="style6">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="style5">
Rice :</td>
<td class="style6">
<asp:RadioButton ID="RBYes" runat="server" Text="Yes" />
<span class="style3"><asp:RadioButton ID="RBNo" runat="server"
style="background-color: #FFFFFF" Text="No" />
</span>
</td>
<td>
<span class="style3">
<asp:TextBox ID="TxtQRice" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style22">
</td>
<td class="style23">
</td>
<td class="style24">
</td>
<td class="style24">
</td>
</tr>
<tr>
<td class="style5">
Side Dishes :</td>
<td class="style6">
<asp:CheckBox ID="CBChicken" runat="server" style="background-color: #FFFFFF" Text="Chicken Curry - RM4.50" />
</td>
<td>
<span class="style3">
<asp:TextBox ID="TxtQChicken" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style7">
</td>
<td class="style8">
<span class="style3">
<asp:CheckBox ID="CBMixed" runat="server" OnCheckedChanged="CBMixed_CheckedChanged" style="background-color: #FFFFFF" Text="Mixed Vegetables - RM2.50" />
</span>
</td>
<td class="style9">
<span class="style3">
<asp:TextBox ID="TxtQMixed" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td class="style9">
</td>
</tr>
<tr>
<td class="style5">
</td>
<td class="style6">
<span class="style3">
<asp:CheckBox ID="CBGrilled" runat="server" style="background-color: #FFFFFF" Text="Grilled Fish - RM4.00" />
</span>
</td>
<td>
<span class="style3">
<asp:TextBox ID="TxtQGrilled" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style7">
</td>
<td class="style8">
<span class="style3">
<asp:CheckBox ID="CBCondiment" runat="server" style="background-color: #FFFFFF" Text="Condiment - RM1.50" />
</span>
</td>
<td class="style9">
<span class="style3">
<asp:TextBox ID="TxtQCondiment" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td class="style9">
</td>
</tr>
<tr>
<td class="style5">
Beverages :</td>
<td class="style6">
<span class="style3">
<asp:CheckBox ID="CBMangoJ" runat="server" style="background-color: #FFFFFF" Text="Mango Juice - RM3.00" />
</span>
</td>
<td>
<span class="style3">
<asp:TextBox ID="TxtMangoJuice" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style5">
</td>
<td class="style6">
<span class="style3">
<asp:CheckBox ID="CBCendol" runat="server" style="background-color: #FFFFFF" Text="Cendol - RM3.00" />
</span>
</td>
<td>
<span class="style3">
<asp:TextBox ID="TxtCendol" runat="server" Width="165px"></asp:TextBox>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style5">
</td>
<td class="style6">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="style11">
Delivery:</td>
<td class="style12">
<asp:DropDownList ID="DdlDelivery" runat="server">
<asp:ListItem Value="0">Self-pickup</asp:ListItem>
<asp:ListItem Value="1.50">Request For Delivery</asp:ListItem>
</asp:DropDownList>
</td>
<td class="style13">
</td>
<td class="style13">
</td>
</tr>
<tr>
<td class="style11">
</td>
<td class="style12">
</td>
<td class="style13">
<asp:Button ID="BtnSubmit" runat="server" onclick="Button1_Click" Text="Submit"
Width="85px" />
</td>
<td class="style13">
</td>
</tr>
</table>
<br />
<br />
<asp:Label ID="Label1" runat="server" style="background-color: #9966FF"
Text="Thank you for choosing us! Here are you order details :"></asp:Label>
<br />
<br />
</span>
<table class="style4">
<tr>
<td class="style14">
<span class="style17">Name :
</td>
<td class="style20">
<asp:Label ID="lblName" runat="server" Font-Size="X-Large"></asp:Label>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
Telephone :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="LblTel" runat="server"></asp:Label>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
Email :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="lblEmail" runat="server"></asp:Label>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td style="font-size: x-large">
Quantity :</td>
</tr>
<tr>
<td class="style25">
Rice :</td>
<td class="style26">
<span class="style17">
<asp:Label ID="lblRice" runat="server"></asp:Label>
</span>
</td>
<td class="style9">
<span class="style17">
<asp:Label ID="lblQRice" runat="server"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
Side Dishes :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="Label6" runat="server" Visible="False"></asp:Label>
</span>
</td>
<td>
<span class="style17">
<asp:Label ID="Label16" runat="server" Visible="False"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
<span class="style17">
<asp:Label ID="Label7" runat="server" Visible="False"></asp:Label>
</span>
</td>
<td>
<span class="style17">
<asp:Label ID="Label17" runat="server" Visible="False"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style15">
</td>
<td class="style21">
<span class="style17">
<asp:Label ID="Label8" runat="server" Visible="False"></asp:Label>
</span>
</td>
<td class="style16">
<span class="style17">
<asp:Label ID="Label18" runat="server" Visible="False"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
<span class="style17">
<asp:Label ID="Label9" runat="server" Visible="False"></asp:Label>
</span>
</td>
<td>
<span class="style17">
<asp:Label ID="Label19" runat="server" Visible="False"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style14">
Beverages :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="lblMangoJ" runat="server"></asp:Label>
</span>
</td>
<td>
<span class="style17">
<asp:Label ID="lblQMangoJ" runat="server"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
<span class="style17">
<asp:Label ID="lblCendol" runat="server"></asp:Label>
</span>
</td>
<td>
<span class="style17">
<asp:Label ID="lblQCendol" runat="server"></asp:Label>
</span>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
Delivery Method :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="lblDelivery" runat="server"></asp:Label>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
Total :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="lblTotal" runat="server"></asp:Label>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
Grand Total(Inclusive GST) :</td>
<td class="style20">
<span class="style17">
<asp:Label ID="lblTotalWGST" runat="server"></asp:Label>
</span>
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
<tr>
<td class="style14">
</td>
<td class="style20">
</td>
<td>
</td>
</tr>
</table>
<br />
<br />
</div>
</form>
</body>
</html>

Your aspx page should actually start with something like this.
<%# Page Title="" Language="C#" MasterPageFile="" AutoEventWireup="true" CodeBehind="Lab4.aspx.cs" Inherits="" %>
CodeBehind="Lab4.aspx.cs" is the place where you specify which is your code behind file in C#.

Every aspx will have a page directive which will tell compiler where to look for its code file
<%# Page CodeFile="Lab4.aspx.cs" %>
documentation

Fill the form as drop down element is selected in asp.net c#

This is my event method for drop down. I need to display all record from database as selected any element from drop down list. But the following code is not working. Can you suggest any solution in the same.
protected void DropDownListSelectEmployee_SelectedIndexChanged(object sender, EventArgs e)
{
string q = "select uid,fname,mname,lname,date_format(hire_date,'%Y-%m-%d'),desg,date_format(dob,'%Y-%m-%d'),AddressLine1,AddressLine2,state,city,pincode,country,MobileNo,UserActive,username,date_format(annivarsary,'%Y-%m-%d'),email from nWorksUser where Username='" + DropDownListSelectEmployee.Text + "'";
MySqlCommand cmd = new MySqlCommand(q,conn);
conn.Open();
MySqlDataAdapter dataAdapter = new MySqlDataAdapter(q, conn);
DataTable dt = new DataTable();
dataAdapter.Fill(dt);
foreach (DataRow dr in dt.Rows)
{
txtFirstName.Text = dr[1].ToString();
txtMiddleName.Text = dr[2].ToString();
txtLastName.Text = dr[3].ToString();
txtMobile.Text = dr[13].ToString();
txtUsername.Text = dr[15].ToString();
txtState.Text = dr[9].ToString();
txtPincode.Text = dr[11].ToString();
txtEmail.Text = dr[17].ToString();
txtDob.Text = dr[6].ToString();
txtDesignation.Text = dr[5].ToString();
txtDateofHire.Text = dr[4].ToString();
txtDateofAnnivarsary.Text = dr[16].ToString();
txtCountry.Text = dr[12].ToString();
txtCity.Text = dr[10].ToString();
txtAddressLine2.Text = dr[7].ToString();
txtAddressLine1.Text = dr[8].ToString();
if(dr[14].ToString().Length==4)
{
RdoGender.SelectedIndex = 1;
}
else
{
RdoGender.SelectedIndex = 2;
}
conn.Close();
}
}
asp code :
<%# Page Language="C#" AutoEventWireup="true" CodeBehind="EmployeeManagementForm.aspx.cs" Inherits="WebAPP.EmployeeManagementForm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="Content/MyStyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<header>
<h1>Employee Management</h1>
<asp:Button ID="ButtonLogOut" runat="server" Text="Log Out" class="btnLogout" />
</header>
<nav>
<button id="btnAttendance" onclick="window.location.href='AttendanceForm.aspx';return false;" class="btn">Attendance</button><br />
<button id="ButtonOnBoardEmployee" onclick="window.location.href='OnBoardEmployeeForm.aspx';return false;" class="btn">On Board Employee</button><br />
<button id="ButtonEmployeeManagement" onclick="window.location.href='EmployeeManagementForm.aspx';return false;" class="btn">Employee Management</button><br />
<button id="ButtonAdministration" onclick="window.location.href='AdministrationForm.aspx';return false;" class="btn" >Administration</button><br />
<button id="ButtonAdminManagement" onclick="window.location.href='AdminManagementForm.aspx';return false;" class="btn" >Admin Management</button><br />
<button id="ButtonEventCalendar" onclick="window.location.href='EventCalendarForm.aspx';return false;" class="btn" >Event Calendar</button><br />
</nav>
<div>
<table style="border: 1pt solid #6666FF; width: 82.9%; height: 924px; font-family: Verdana;
border-collapse: collapse; background-color: #ffffff; text-align: center;">
<tr>
<td style="text-align: center;" class="style12" colspan="3">
<asp:Label ID="lableMessage" runat="server" ForeColor="red"></asp:Label>
</td>
</tr>
<tr>
<td style="text-align: center; height: 50px;" colspan="3" class="style9">
<asp:Label ID="lblHeader" runat="server" Text="Modification Form" Font-Bold="True"></asp:Label>
</td>
</tr>
<tr>
<td class="style11" style="text-align: center;" colspan="3">
<b>Select Employee : </b>
<asp:DropDownList ID="DropDownListSelectEmployee" runat="server"
OnSelectedIndexChanged="DropDownListSelectEmployee_SelectedIndexChanged">
<asp:ListItem>nWorks Employee</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblFirstName" runat="server" Text="First Name :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtFirstName" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvFirstName" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtFirstName"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label2" runat="server" Text="Middle Name :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtMiddleName" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtMiddleName"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblLastName" runat="server" Text="Last Name :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtLastName" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvLastName" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtLastName"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblEmail" runat="server" Text="E-Mail :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtEmail" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvUserName" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtEmail"></asp:RequiredFieldValidator>
<br />
<asp:RegularExpressionValidator ID="RxvEmail" runat="server" ControlToValidate="txtEmail"
ErrorMessage="Invalid E-mail" ForeColor="#FF3300" ValidationExpression="\w+([-+.']\w+)*#\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label3" runat="server" Text="Username :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtUsername" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtUsername"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblPassword" runat="server" Text="Password :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvPwd" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtPassword"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblConfirmPwd" runat="server" Text="Confirm Pasword :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtConfirmPwd" runat="server" TextMode="Password" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvCnfrmPwd" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtConfirmPwd"></asp:RequiredFieldValidator>
<br />
<asp:CompareValidator ID="CvCnfmPwd" runat="server" ErrorMessage="Password and Confirm Password didnt matched"
ForeColor="#FF3300" ControlToCompare="txtPassword" ControlToValidate="txtConfirmPwd"></asp:CompareValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblDob" runat="server" Text="Date of Birth :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtDob" runat="server" Class="style9"></asp:TextBox>
<asp:Label ID="Label1" runat="server" Text="(dd/mm/yyyy)"></asp:Label>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtDob"></asp:RequiredFieldValidator>
<br />
<asp:RegularExpressionValidator ID="RxvDob" runat="server" ControlToValidate="txtDob"
ErrorMessage="Invalid Date Format" ValidationExpression="^(((((0[1-9])|(1\d)|(2[0-8]))\/((0[1-9])|(1[0-2])))|((31\/((0[13578])|(1[02])))|((29|30)\/((0[1,3-9])|(1[0-2])))))\/((20[0-9][0-9])|(19[0-9][0-9])))|((29\/02\/(19|20)(([02468][048])|([13579][26]))))$"
ForeColor="#FF3300"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td style="text-align: right;" class="style11">
<asp:Label ID="lblMobile" runat="server" Text="Mobile"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtMobile" runat="server" MaxLength="10" Class="style9"></asp:TextBox>
</td>
<td class="style4">
<asp:RegularExpressionValidator ID="RxvMobile" runat="server" ErrorMessage="Invalid Mobile Number"
ForeColor="#FF3300" ValidationExpression="^([7-9]{1})([0-9]{9})$" ControlToValidate="txtMobile"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblAddress" runat="server" Text="Address Line 1:"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtAddressLine1" runat="server" TextMode="MultiLine" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvAddress" runat="server" ErrorMessage="* Required"
ForeColor="Red" ControlToValidate="txtAddressLine1"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label4" runat="server" Text="Address Line 2:"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtAddressLine2" runat="server" TextMode="MultiLine" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;"></td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label5" runat="server" Text="City :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtCity" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtCity"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label6" runat="server" Text="State :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtState" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtState"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label7" runat="server" Text="Country :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtCountry" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtCountry"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label8" runat="server" Text="Pin Code :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtPincode" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtPincode"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label9" runat="server" Text="Date of Hire :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtDateofHire" runat="server" Class="style9"></asp:TextBox>
<asp:Label ID="Label10" runat="server" Text="(dd/mm/yyyy)"></asp:Label>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtDateofHire"></asp:RequiredFieldValidator>
<br />
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtDateofHire"
ErrorMessage="Invalid Date Format" ValidationExpression="^(((((0[1-9])|(1\d)|(2[0-8]))\/((0[1-9])|(1[0-2])))|((31\/((0[13578])|(1[02])))|((29|30)\/((0[1,3-9])|(1[0-2])))))\/((20[0-9][0-9])|(19[0-9][0-9])))|((29\/02\/(19|20)(([02468][048])|([13579][26]))))$"
ForeColor="#FF3300"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label11" runat="server" Text="Date of Annivarsary :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtDateofAnnivarsary" runat="server" Class="style9"></asp:TextBox>
<asp:Label ID="Label12" runat="server" Text="(dd/mm/yyyy)"></asp:Label>
</td>
<td class="style4" style="text-align: left;"> <br />
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtDateofAnnivarsary"
ErrorMessage="Invalid Date Format" ValidationExpression="^(((((0[1-9])|(1\d)|(2[0-8]))\/((0[1-9])|(1[0-2])))|((31\/((0[13578])|(1[02])))|((29|30)\/((0[1,3-9])|(1[0-2])))))\/((20[0-9][0-9])|(19[0-9][0-9])))|((29\/02\/(19|20)(([02468][048])|([13579][26]))))$"
ForeColor="#FF3300"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="Label13" runat="server" Text="Designation :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="txtDesignation" runat="server" Class="style9"></asp:TextBox>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="txtDesignation"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">
<asp:Label ID="lblGender" runat="server" Text="Gender :"></asp:Label>
</td>
<td class="style11" style="text-align: left;">
<asp:RadioButtonList ID="RdoGender" runat="server" RepeatDirection="Horizontal" Width="176px">
<asp:ListItem>Male</asp:ListItem>
<asp:ListItem>Female</asp:ListItem>
</asp:RadioButtonList>
</td>
<td class="style4" style="text-align: left;">
<asp:RequiredFieldValidator ID="RfvGender" runat="server" ErrorMessage="* Required"
ForeColor="#FF3300" ControlToValidate="RdoGender"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="style11" style="text-align: right;">Employee Status :</td>
<td class="style11" style="text-align: left;">
<asp:RadioButtonList ID="RadioButtonsEmployeeStatus" runat="server"
RepeatDirection="Horizontal"
OnSelectedIndexChanged="RadioButtonsEmployeeStatus_SelectedIndexChanged" >
<asp:ListItem>Inactive</asp:ListItem>
<asp:ListItem>Active</asp:ListItem>
</asp:RadioButtonList></td>
<td class="style11" style="text-align: left;">
<asp:TextBox ID="TextBoxEmpInactivatedDate" runat="server" Class="style9" AutoPostBack= "True"></asp:TextBox></td>
</tr><tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td style="text-align: center;" class="style12">
</td>
<td class="style12" style="text-align: left;">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" class="btnsLikeSubmit"
/> &nbsp
<asp:Button ID="btnClear" runat="server" CausesValidation="False" class="btnsLikeSubmit"
Text="Clear" />
</td>
<td style="text-align: center;" class="style7"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<footer>
Copyright © nWorks.co
</footer>
</div>
</form>
</body>
</html>

ASP.NET C# Insert Page Break when Repeater hits bottom of page

I have an HTML table that is generated for printing purposes. It has a Repeater that populates from a DataSet built from SQL; so the total row count is unknown.
The issue is when the page is printed, table rows that are supposed to be together are separated between the end of the previous page and the beginning of the next page. I need to insert a Page-Break to keep the table rows together. With most efforts made found from Google Searches, the table row for the "Standard" keeps getting pushed to the next page. Other methods just create 10+ blank pages first then the table with "Standard" on the next pages.
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<style type="text/css">
body {
font-family: Arial;
font-size: 10pt;
}
table {
border-collapse: collapse;
}
.alignL {
text-align: left;
}
.alignC {
text-align: center;
}
.alignR {
text-align: right;
}
.border1 {
border-color: black;
border-style: groove;
border-width: 2px;
white-space: nowrap;
}
.border1L {
border-color: black;
border-style: groove;
border-width: 2px;
border-right: none;
height: 35px;
font-size: 12pt;
}
.border1R {
background-image: url(../_images/LgtGrey.png);
border-color: black;
border-style: groove;
border-width: 2px;
font-size: 12pt;
border-left: none;
}
.border2 {
border-color: black;
border-style: groove;
border-width: 2px;
border-bottom: none;
width: 60px;
}
.border3 {
border-color: black;
border-style: groove;
border-width: 2px;
border-top: none;
width: 60px;
}
.borderBottom {
border-bottom-color: black;
border-bottom-style: groove;
border-bottom-width: 2px;
}
.center {
margin-right: auto;
margin-left: auto;
width: 11in;
}
</style>
<style media="print" type="text/css">
#page {
size: landscape;
}
#media print {
thead {
display: table-header-group;
}
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div class="page">
<div class="center">
<table class="alignC" style="width: 90%">
<thead>
<tr>
<th> </th>
</tr>
<tr>
<th colspan="16" class="alignC">
<h3 class="alignC">Technical Evaluation Worksheet</h3>
</th>
</tr>
<tr>
<th> </th>
</tr>
<tr>
<th> </th>
<th colspan="2" class="border1L alignR">
<asp:Label ID="Label1" runat="server" Text="Model: " Font-Bold="true" /></th>
<th colspan="2" class="border1R alignC">
<asp:Label ID="lblModel" runat="server" /></th>
<th> </th>
<th colspan="2" class="border1L alignR">
<asp:Label ID="Label2" runat="server" Text="Serial #: " Font-Bold="true" /></th>
<th colspan="2" class="border1R alignC">
<asp:Label ID="lblSN" runat="server" /></th>
<th> </th>
<th colspan="2" class="border1L alignR">
<asp:Label ID="Label3" runat="server" Text="Program: " Font-Bold="true" /></th>
<th colspan="2" class="border1R alignC">
<asp:Label ID="lblProgram" runat="server" /></th>
</tr>
<tr>
<th> </th>
</tr>
</thead>
<tbody>
<tr class="alignC">
<td></td>
<td colspan="4" class="border1">(FQA)</td>
<td></td>
<td colspan="4" class="border1">(MTF)</td>
<td></td>
<td colspan="4" class="border1">(FA)</td>
</tr>
<tr>
<td> </td>
<td class="border2 alignC">Record<br />
Error</td>
<td class="border2 alignC">Circle X</td>
<td class="border2 alignC">Red X</td>
<td class="border2 alignC">Diagonal</td>
<td> </td>
<td class="border2 alignC">Record<br />
Error</td>
<td class="border2 alignC">Circle X</td>
<td class="border2 alignC">Red X</td>
<td class="border2 alignC">Diagonal</td>
<td> </td>
<td class="border2 alignC">Record<br />
Error</td>
<td class="border2 alignC">Circle X</td>
<td class="border2 alignC">Red X</td>
<td class="border2 alignC">Diagonal</td>
<td rowspan="3" class="border2 alignC"><b>Quality<br />
Score</b></td>
</tr>
<tr>
<td valign="bottom" class="border1 alignR">Deduction</td>
<td valign="bottom" class="border3 alignC">-1%</td>
<td valign="bottom" class="border3 alignC">-2%</td>
<td valign="bottom" class="border3 alignC">-4%</td>
<td valign="bottom" class="border3 alignC">0%</td>
<td> </td>
<td valign="bottom" class="border3 alignC">-1%</td>
<td valign="bottom" class="border3 alignC">-2%</td>
<td valign="bottom" class="border3 alignC">-4%</td>
<td valign="bottom" class="border3 alignC">0%</td>
<td> </td>
<td valign="bottom" class="border3 alignC">-1%</td>
<td valign="bottom" class="border3 alignC">-2%</td>
<td valign="bottom" class="border3 alignC">-4%</td>
<td valign="bottom" class="border3 alignC">0%</td>
</tr>
<tr class="alignC">
<td class="border1 alignR"># of Incidents</td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFQA1" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFQA2" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFQA3" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFQA4" runat="server" /></td>
<td> </td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblMTF1" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblMTF2" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblMTF3" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblMTF4" runat="server" /></td>
<td> </td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFA1" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFA2" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFA3" runat="server" /></td>
<td class="border1" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFA4" runat="server" /></td>
</tr>
<tr class="alignC">
<td class="border1 alignR">Total</td>
<td class="border1">
<asp:Label ID="lblTFQA1" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTFQA2" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTFQA3" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTFQA4" runat="server" Text="0%" /></td>
<td> </td>
<td class="border1">
<asp:Label ID="lblTMTF1" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTMTF2" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTMTF3" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTMTF4" runat="server" Text="0%" /></td>
<td> </td>
<td class="border1">
<asp:Label ID="lblTFA1" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTFA2" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTFA3" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTFA4" runat="server" Text="0%" /></td>
<td class="border1">
<asp:Label ID="lblTotal" runat="server" Font-Bold="true" /></td>
</tr>
<tr>
<td> </td>
</tr>
<asp:Repeater ID="Repeater" runat="server">
<ItemTemplate>
<tr>
<td class="borderBottom alignR"><b>Auditor:</b></td>
<td colspan="5" class="borderBottom alignC" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblAuditor" runat="server" Text='<%# Eval("Auditor") %>' /></td>
<td class="borderBottom alignR"><b>CTR:</b></td>
<td colspan="5" class="borderBottom alignC" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblCTR" runat="server" Text='<%# Eval("Mitigator") %>' /></td>
<td class="borderBottom alignR"><b>Date:</b></td>
<td colspan="3" class="borderBottom alignC" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblDate" runat="server" Text='<%# Eval("Date", "{0:dd-MMM-yy}") %>' /></td>
</tr>
<tr>
<td class="borderBottom alignR" style="min-height: 30px"><b>Finding:</b></td>
<td colspan="15" class="borderBottom alignL" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblFinding" runat="server" Text='<%# Eval("Finding") %>' /></td>
</tr>
<tr>
<td class="borderBottom alignR"><b>Status:</b></td>
<td colspan="5" class="borderBottom alignC" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblStatus" runat="server" Text='<%# Eval("FS") %>' /></td>
<td class="borderBottom alignR" colspan="2"><b>Location:</b></td>
<td colspan="8" class="borderBottom alignC" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblLocation" runat="server" Text='<%# Eval("Location") %>' /></td>
</tr>
<tr>
<td class="borderBottom alignR"><b>Standard:</b></td>
<td colspan="15" class="borderBottom alignC" style="background-image: url(../_images/LgtGrey.png)">
<asp:Label ID="lblStandard" runat="server" Text='<%# Eval("Standard") %>' /></td>
</tr>
<tr>
<td> </td>
</tr>
</ItemTemplate>
</asp:Repeater>
</tbody>
</table>
</div>
</div>
</asp:Content>

Tabcontainer issue with rendering the tab stripe

enter code![as you can see here the tabs are half eaten!][1] here
Hello, I have a problem with showing the tab stripe I don't know what is wrong with it. can any one help? when I run this the tabs are not fully shown I have three tabs and I tried this with different browsers but the issue persists.
below is a sample of the code:
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" BackColor="#62A5C8" BorderStyle="none" ForeColor="#ffffff" Height="450px" server="" Style=" background-color:#012F54; margin-top: 0px;" Width="100%" ScrollBars="Both" Font-Size="Medium"
ToolTip="Move between tabs to fill-in all information">
<asp:TabPanel runat="server" HeaderText="Student Information" ID="TabPanel1">
<ContentTemplate>
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<table class="auto-style15">
<tr>
<td class="auto-style27">
<br />
<span class="auto-style117">First Name:<br /> </span>
</td>
<td class="auto-style21">
<br />
<strong>
<asp:TextBox ID="TextBox1" runat="server" BorderColor="Black" BorderStyle="Solid" Height="23px" Width="198px" CssClass="auto-style116"></asp:TextBox>
</strong>
</td>
<td> </td>
</tr>
<tr>
<td class="auto-style28"> </td>
<td class="auto-style21"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style117">Last Name:</td>
<td class="auto-style24"><strong>
<asp:TextBox ID="TextBox2" runat="server" BorderStyle="Solid" Height="21px" Width="198px" BorderColor="Black" CssClass="auto-style116"></asp:TextBox>
</strong>
</td>
<td class="auto-style25"></td>
</tr>
<tr>
<td class="auto-style17"></td>
<td class="auto-style20"></td>
<td class="auto-style18"></td>
</tr>
<tr>
<td class="auto-style27" style="font-size: small; color: #043d5d">Student ID:</td>
<td class="auto-style21"><strong>
<asp:TextBox ID="TextBox3" runat="server" BorderStyle="Solid" Height="23px" Width="198px" BorderColor="Black" CssClass="auto-style116"></asp:TextBox>
</strong>
</td>
<td> </td>
</tr>
<tr>
<td class="auto-style28"> </td>
<td class="auto-style21"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style27" style="font-size: small; color: #043d5d">Department:</td>
<td class="auto-style21"><strong>
<asp:DropDownList ID="DropDownList1" runat="server" Height="27px" Width="295px" style="margin-left:7px;">
<asp:ListItem>Cardiac Technology</asp:ListItem>
<asp:ListItem>Clinical Laboratory Sciences</asp:ListItem>
</asp:DropDownList>
</strong>
</td>
<td> </td>
</tr>
<tr>
<td class="auto-style28"> </td>
<td class="auto-style21"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style28"> </td>
<td class="auto-style21"> </td>
</tr>
<tr>
<td class="auto-style28"> </td>
<td class="auto-style21"> </td>
</tr>
<tr>
<td class="auto-style28"> </td>
<td class="auto-style21"> </td>
<td>
<asp:Button ID="Button1" runat="server" BackColor="#4DA3B0" BorderColor="#4DA3B0" Font-Bold="False" Font-Size="12pt" ForeColor="White" Height="36px" style="margin-left:10px;" Text="Next ►" Width="166px" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="TabPanel2" runat="server" HeaderText="Graduate Form">
<ContentTemplate>
**

Hi brother use below code
first add refrence at the top of the page
<%# Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
then use below code
<asp:ScriptManager runat="server" ID="sc">
</asp:ScriptManager>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" BackColor="#62A5C8"
BorderStyle="none" ForeColor="#ffffff" Height="450px" server="" Style="background-color: #012F54;
margin-top: 0px;" Width="100%" ScrollBars="Both" Font-Size="Medium" ToolTip="Move between tabs to fill-in all information">
<asp:TabPanel runat="server" HeaderText="Student Information" ID="TabPanel1">
<ContentTemplate>
<table class="auto-style15">
<tr>
<td class="auto-style27">
<br />
<span class="auto-style117">First Name:<br />
</span>
</td>
<td class="auto-style21">
<br />
<strong>
<asp:TextBox ID="TextBox1" runat="server" BorderColor="Black" BorderStyle="Solid"
Height="23px" Width="198px" CssClass="auto-style116"></asp:TextBox>
</strong>
</td>
<td>
</td>
</tr>
<tr>
<td class="auto-style28">
</td>
<td class="auto-style21">
</td>
<td>
</td>
</tr>
<tr>
<td class="auto-style117">
Last Name:
</td>
<td class="auto-style24">
<strong>
<asp:TextBox ID="TextBox2" runat="server" BorderStyle="Solid" Height="21px" Width="198px"
BorderColor="Black" CssClass="auto-style116"></asp:TextBox>
</strong>
</td>
<td class="auto-style25">
</td>
</tr>
<tr>
<td class="auto-style17">
</td>
<td class="auto-style20">
</td>
<td class="auto-style18">
</td>
</tr>
<tr>
<td class="auto-style27" style="font-size: small; color: #043d5d">
Student ID:
</td>
<td class="auto-style21">
<strong>
<asp:TextBox ID="TextBox3" runat="server" BorderStyle="Solid" Height="23px" Width="198px"
BorderColor="Black" CssClass="auto-style116"></asp:TextBox>
</strong>
</td>
<td>
</td>
</tr>
<tr>
<td class="auto-style28">
</td>
<td class="auto-style21">
</td>
<td>
</td>
</tr>
<tr>
<td class="auto-style27" style="font-size: small; color: #043d5d">
Department:
</td>
<td class="auto-style21">
<strong>
<asp:DropDownList ID="DropDownList1" runat="server" Height="27px" Width="295px" Style="margin-left: 7px;">
<asp:ListItem>Cardiac Technology</asp:ListItem>
<asp:ListItem>Clinical Laboratory Sciences</asp:ListItem>
</asp:DropDownList>
</strong>
</td>
<td>
</td>
</tr>
<tr>
<td class="auto-style28">
</td>
<td class="auto-style21">
</td>
<td>
</td>
</tr>
<tr>
<td class="auto-style28">
</td>
<td class="auto-style21">
</td>
</tr>
<tr>
<td class="auto-style28">
</td>
<td class="auto-style21">
</td>
</tr>
<tr>
<td class="auto-style28">
</td>
<td class="auto-style21">
</td>
<td>
<asp:Button ID="Button1" runat="server" BackColor="#4DA3B0" BorderColor="#4DA3B0"
Font-Bold="False" Font-Size="12pt" ForeColor="White" Height="36px" Style="margin-left: 10px;"
Text="Next ►" Width="166px" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="TabPanel2" runat="server" HeaderText="Graduate Form">
<ContentTemplate>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>

Button in Modal Popup Is not working as it should have to worked

I am Having a code for Modal PopUp windoe in which I wanna perform login operation and code for extender is as follows.
<div class="wrapper">
<ul id="icons">
<li><asp:ImageButton runat="server" ImageUrl="images/lgn.png" ID="btnimg" CssClass="image" /></li>
</ul>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnimg" PopupControlID="Panel1" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender >
<asp:panel id="Panel1" CssClass="popup" runat="server">
<div class="popup">
<div id="PopupHeader" style="height:55px;background-color:#f6f6f6;border-radius:10px;width:348px;font-size:2.7em; "> <font style="margin:30px 0px 0px 20px;vertical-align:middle;color:Black;line-height:1.2em; font-size:37px; font-family: BonvenoCF;"> Login </font></div>
<div class="PopupBody">
<table width="350px" style="vertical-align:middle;text-align:center;">
<tr>
<td style="width:43.5px"> </td>
<td style="width:131.25px"> </td>
<td style="width:131.25px"> </td>
<td style="width:43.5px"> </td>
</tr>
<tr>
<td style="width:43.5px"> </td>
<td style="width:131.25px">
<asp:Label ID="Label1" runat="server" Text="User Name: "></asp:Label>
</td>
<td style="width:131.25px">
<asp:TextBox ID="txtUserName" runat="server" Height="20px" style="border-radius:8px;"> </asp:TextBox>
<asp:TextBoxWatermarkExtender ID="txtUserName_TextBoxWatermarkExtender" runat="server" Enabled="True" TargetControlID="txtUserName"WatermarkText="User Name">
</asp:TextBoxWatermarkExtender>
</td>
<td style="width:43.5px"> </td>
</tr>
<tr>
<td style="width:43.5px"> </td>
<td style="width:131.25px"> </td>
<td style="width:131.25px"> </td>
<td style="width:43.5px"> </td>
</tr>
<tr>
<td style="width:43.5px"> </td>
<td style="width:131.25px">
<asp:Label ID="Label2" runat="server" Text="Password: " ></asp:Label>
</td>
<td style="width:131.25px">
<asp:TextBox ID="txtPassword" runat="server" Height="20px" style="border-radius:8px;"> </asp:TextBox>
<asp:TextBoxWatermarkExtender ID="txtPassword_TextBoxWatermarkExtender"
runat="server" Enabled="True" TargetControlID="txtPassword"
WatermarkText="Password">
</asp:TextBoxWatermarkExtender>
</td>
<td style="width:43.5px"> </td>
</tr>
<tr>
<td style="width:43.5px"> </td>
<td colspan="2">
<asp:Label ID="Label3" runat="server" Text="Invalid User Name Or Password." Visible="False"></asp:Label>
</td>
<td style="width:43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px">
<asp:Button ID="Button2" runat="server" CssClass="button" Text="Login" />
</td>
<td style="width: 131.25px">
<asp:Button ID="Button1" runat="server" CssClass="button" Text="Cancle" /></td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px">
<asp:LinkButton ID="LinkButton1" runat="server">Forgot Password</asp:LinkButton>
</td>
<td style="width: 131.25px">
<asp:Button ID="Button3" runat="server" CssClass="button" Text="Sign Up" />
</td>
<td style="width: 43.5px"> </td>
</tr>
</table>
</div>
</div>
</asp:panel>
</div>
on button2_Click code behind is as follows.
protected void Button2_Click(object sender, EventArgs e)
{
ds = obj.sel("select UserName and Password from tblUserMaster where UserName='"+txtUserName.Text+"' AND Password='"+txtPassword.Text+"'");
if (ds.Tables[0].Rows.Count == 0)
{
Label3.Visible = true;
}
else
{
Response.Redirect("Default.aspx");
}
}
But when i'm clicking on LOGIN Button it is not redirection me on Default.aspx page popup is getting closed.
while on clicking on cancel button it is not working at all.
please suggest an solution as soon as possible.

use update panel for refreshing problem .
here is complete code .
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div class="wrapper">
<ul id="icons">
<li><asp:ImageButton runat="server" ImageUrl="images/lgn.png" ID="btnimg" CssClass="image" /></li>
</ul>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnimg" PopupControlID="Panel1" BackgroundCssClass="modalBackground" CancelControlID="Button1"></asp:ModalPopupExtender>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" CssClass="popup" runat="server">
<div class="popup">
<div id="PopupHeader" style="height: 55px; background-color: #f6f6f6; border-radius: 10px; width: 348px; font-size: 2.7em;"><font style="margin: 30px 0px 0px 20px; vertical-align: middle; color: Black; line-height: 1.2em; font-size: 37px; font-family: BonvenoCF;"> Login </font></div>
<div class="PopupBody">
<table width="350px" style="vertical-align: middle; text-align: center;">
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px"> </td>
<td style="width: 131.25px"> </td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px">
<asp:Label ID="Label1" runat="server" Text="User Name: "></asp:Label>
</td>
<td style="width: 131.25px">
<asp:TextBox ID="txtUserName" runat="server" Height="20px" Style="border-radius: 8px;"> </asp:TextBox>
</td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px"> </td>
<td style="width: 131.25px"> </td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px">
<asp:Label ID="Label2" runat="server" Text="Password: "></asp:Label>
</td>
<td style="width: 131.25px">
<asp:TextBox ID="txtPassword" runat="server" Height="20px" Style="border-radius: 8px;"> </asp:TextBox>
<asp:TextBoxWatermarkExtender ID="txtPassword_TextBoxWatermarkExtender"
runat="server" Enabled="True" TargetControlID="txtPassword"
WatermarkText="Password">
</asp:TextBoxWatermarkExtender>
</td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td colspan="2">
<asp:Label ID="Label3" runat="server" Text="Invalid User Name Or Password." Visible="False"></asp:Label>
</td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px">
<asp:Button ID="Button2" runat="server" CssClass="button" Text="Login" OnClick="Button2_Click" />
</td>
<td style="width: 131.25px">
<asp:Button ID="Button1" runat="server" CssClass="button" Text="Cancle" /></td>
<td style="width: 43.5px"> </td>
</tr>
<tr>
<td style="width: 43.5px"> </td>
<td style="width: 131.25px">
<asp:LinkButton ID="LinkButton1" runat="server">Forgot Password</asp:LinkButton>
</td>
<td style="width: 131.25px">
<asp:Button ID="Button3" runat="server" CssClass="button" Text="Sign Up" OnClick="Button3_Click" />
</td>
<td style="width: 43.5px"> </td>
</tr>
</table>
</div>
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>

#Chirag : you haven't added the onclick event on your button . so please add this ..
edit your code .
<asp:Button ID="Button2" runat="server" CssClass="button" Text="Login" OnClick="Button2_Click"/>

Categories