all codes

Data Grid:

<asp:DataGrid ID="grid1" runat="server" BackColor="White" BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical" ShowFooter="True" AutoGenerateColumns="False" AllowPaging="True" OnItemCommand="grid1_ItemCommand" OnPageIndexChanged="grid1_PageIndexChanged"> <FooterStyle BackColor="#CCCCCC" /> <SelectedItemStyle BackColor="#000099" FontBold="True" ForeColor="White" /> <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" NextPageText="Next" PrevPageText="Prev" /> <AlternatingItemStyle BackColor="#CCCCCC" /> <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" /> <Columns> <asp:TemplateColumn> <ItemTemplate> <asp:Label ID="lblid" runat="server"

Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"serialno")%>'></asp:Label> </ItemTemplate> </asp:TemplateColumn>

<asp:TemplateColumn HeaderText="First Name"> <ItemTemplate> <asp:Label ID="label1" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"firstname")%>'></asp:Label> </ItemTemplate> </asp:TemplateColumn> <asp:TemplateColumn HeaderText="Last Name"> <ItemTemplate> <asp:Label ID="label2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"lastname")%>'></asp:Label> </ItemTemplate> </asp:TemplateColumn> <asp:TemplateColumn HeaderText="Email Address"> <ItemTemplate> <asp:Label ID="label3" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"email")%>'></asp:Label> </ItemTemplate> </asp:TemplateColumn> <asp:TemplateColumn HeaderText="Phone Number"> <ItemTemplate> <asp:Label ID="label4" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"phonenumber")%>'></asp:Lab el> </ItemTemplate> </asp:TemplateColumn> <asp:ButtonColumn CommandName="select" HeaderText="View Details" Text="Details"></asp:ButtonColumn> <asp:ButtonColumn CommandName="update" HeaderText="Update" Text="Update"></asp:ButtonColumn> <asp:ButtonColumn CommandName="delete" HeaderText="Delete" Text="Delete"></asp:ButtonColumn> </Columns> </asp:DataGrid> C# code: using System.Data.SqlClient; using System.Text; using System.IO; SqlConnection con = new SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber ty;pwd=fitzart2-"); protected void Page_Load(object sender, EventArgs e) { con.Open(); Bind(); } public void Bind() { SqlCommand cmd = new SqlCommand("select * from application", con);

SqlDataAdapter da = new SqlDataAdapter(cmd); DataSet ds = new DataSet(); da.Fill(ds, "application"); grid1.DataSource = ds; grid1.DataBind(); } protected void grid1_PageIndexChanged(object source, DataGridPageChangedEventArgs e) { grid1.CurrentPageIndex = e.NewPageIndex; Bind(); } protected void grid1_ItemCommand(object source, DataGridCommandEventArgs e) { if (e.CommandName == "select") { TableCell c = (TableCell)e.Item.Controls[0]; Session["asd"] = ((Label)c.Controls[1]).Text; //Session["prop"] = ((Label)c.Controls[1]).Text; Response.Redirect("applicantdetails.aspx"); } if (e.CommandName == "update") { TableCell c = (TableCell)e.Item.Controls[0]; Session["asd"] = ((Label)c.Controls[1]).Text; Response.Redirect("applicationupdate.aspx"); } if (e.CommandName == "delete") { TableCell c = (TableCell)e.Item.Controls[0]; string s = ((Label)c.Controls[1]).Text; SqlCommand cmddelete = new SqlCommand("delete from application where serialno='" + s.ToString() + "'", con); cmddelete.ExecuteNonQuery(); Page.RegisterStartupScript("asd", "<script>alert('Details deleted successfully')</script>"); Bind(); } }

Data List:

<asp:DataList ID="DataList1" runat="server" BackColor="Black" BorderColor="Black" BorderStyle="Solid" BorderWidth="2px" CellPadding="3" Font-Bold="True" CellSpacing="1" EnableTheming="True"> <FooterStyle BackColor="Black" ForeColor="White" /> <SelectedItemStyle BackColor="#9471DE" FontBold="True" ForeColor="White" /> <HeaderStyle BackColor="#4A3C8C" FontBold="True" ForeColor="#E7E7FF" /> <ItemTemplate> <table> <tr> <td align="left"> <asp:Label ID="lblrequest" runat="server" Text="Reservation or Request :"></asp:Label> </td> <td><asp:Label ID="lbl1propertyid" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"reservationorraterequest") %>'></asp:Label></td> </tr> <tr>

<td> <asp:Label ID="lblfirstnam" runat="server" Text="First Name :"></asp:Label> </td> <td> <asp:Label ID="lblfirstname" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"firstname")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label1" runat="server" Text="Last Name :"></asp:Label> </td> <td> <asp:Label ID="Label2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"lastname")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label3" runat="server" Text="Address :"></asp:Label> </td> <td> <asp:Label ID="Label4" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Address")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label5" runat="server" Text="Address1 :"></asp:Label> </td> <td> <asp:Label ID="Label6" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"address1")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label7" runat="server" Text="City :"></asp:Label> </td> <td> <asp:Label ID="Label8" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"city")%>'></asp:Label> </td> </tr> <tr> <td>

<asp:Label ID="Label9" runat="server" Text="State :"></asp:Label> </td> <td> <asp:Label ID="Label10" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"state")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label11" runat="server" Text="Zipcode :"></asp:Label> </td> <td> <asp:Label ID="Label12" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"zipcode")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label13" runat="server" Text="Home Phone :"></asp:Label> </td> <td> <asp:Label ID="Label14" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"homephone")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label15" runat="server" Text="Work Phone :"></asp:Label> </td> <td> <asp:Label ID="Label16" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"workphone")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label17" runat="server" Text="Cell Phone :"></asp:Label> </td> <td> <asp:Label ID="Label18" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"cellphone")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label19" runat="server" Text="Email Id :"></asp:Label>

</td> <td> <asp:Label ID="Label20" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"email")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label21" runat="server" Text="Contact Source :"></asp:Label> </td> <td> <asp:Label ID="Label22" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"howtocontact")%>'></asp:La bel> </td> </tr> <tr> <td> <asp:Label ID="Label23" runat="server" Text="Reservation Date&Time :"></asp:Label> </td> <td> <asp:Label ID="Label24" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"datetime")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label25" runat="server" Text="Airport :"></asp:Label> </td> <td> <asp:Label ID="Label26" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"airport")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label27" runat="server" Text="Airline :"></asp:Label> </td> <td> <asp:Label ID="Label28" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"airline")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label29" runat="server" Text="Flight Number&Trip :"></asp:Label> </td>

<td> <asp:Label ID="Label30" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"flightnumber")%>'></asp:La bel> </td> </tr> <tr> <td> <asp:Label ID="Label31" runat="server" Text="Pickup Address :"></asp:Label> </td> <td> <asp:Label ID="Label32" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"pickupaddress")%>'></asp:L abel> </td> </tr> <tr> <td> <asp:Label ID="Label33" runat="server" Text="Destination Address :"></asp:Label> </td> <td> <asp:Label ID="Label34" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"destinationaddress")%>'></ asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label35" runat="server" Text="Interested Vehicle :"></asp:Label> </td> <td> <asp:Label ID="Label36" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"interestedvehicle")%>'></a sp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label37" runat="server" Text="No Of Passengers :"></asp:Label> </td> <td> <asp:Label ID="Label38" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"noofpassengers")%>'></asp: Label> </td> </tr> <tr> <td>

<asp:Label ID="Label39" runat="server" Text="Special Event :"></asp:Label> </td> <td> <asp:Label ID="Label40" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"specialevent")%>'></asp:La bel> </td> </tr> <tr> <td> <asp:Label ID="Label41" runat="server" Text="Special Insructions :"></asp:Label> </td> <td> <asp:Label ID="Label42" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"specialinstruction")%>'></ asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label43" runat="server" Text="Payment Method :"></asp:Label> </td> <td> <asp:Label ID="Label44" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"paymentmethod")%>'></asp:L abel> </td> </tr> <tr> <td> <asp:Label ID="Label45" runat="server" Text="Card Type :"></asp:Label> </td> <td> <asp:Label ID="Label46" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"cardtype")%>'></asp:Label> </td> </tr> <tr> <td> <asp:Label ID="Label47" runat="server" Text="Card Number :"></asp:Label> </td> <td> <asp:Label ID="Label48" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"cardnumber")%>'></asp:Label > </td> </tr>

<tr> <td> <asp:Label ID="Label49" runat="server" Text="Card Holder :"></asp:Label> </td> <td> <asp:Label ID="Label50" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"cardholder")%>'></asp:Label > </td> </tr> <tr> <td> <asp:Label ID="Label51" runat="server" Text="Expiry Date :"></asp:Label> </td> <td> <asp:Label ID="Label52" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"expirydate")%>'></asp:Label > </td> </tr> <tr> <td> <asp:Label ID="Label53" runat="server" Text="Phone Number :"></asp:Label> </td> <td> <asp:Label ID="Label54" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"phonenumber")%>'></asp:Lab el> </td> </tr> <tr> <td> <asp:Label ID="Label55" runat="server" Text="Shipping Address :"></asp:Label> </td> <td> <asp:Label ID="Label56" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"myshippingaddress")%>'></a sp:Label> </td> </tr> </table></ItemTemplate> <ItemStyle BackColor="#DEDFDE" ForeColor="Black" /> </asp:DataList>

C# code:
using System.Data.SqlClient;

protected void Page_Load(object sender, EventArgs e) { SqlConnection con = new SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber ty;pwd=fitzart2-"); con.Open(); SqlCommand cmd = new SqlCommand("select * from application where serialno='" + Session["asd"] + "'", con); SqlDataAdapter da = new SqlDataAdapter(cmd); DataSet ds = new DataSet(); da.Fill(ds, "application"); DataList1.DataSource = ds; DataList1.DataBind(); }

To get an ID automatically:
int count = 0; SqlConnection con = new SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber ty;pwd=fitzart2-"); con.Open(); SqlCommand nw = new SqlCommand("select max(serialno) from application",con); SqlDataReader dr = nw.ExecuteReader(); dr.Read(); if (dr[0].ToString()=="") { count = 1000; } else { count = Convert.ToInt32(dr[0].ToString()) + 1; } dr.Close(); Copy the following code into your HEAD tags.

<script language="JavaScript"> <!-var months = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var days = new Array("S", "M", "T", "W", "T", "F", "S"); today = new getToday(); var element_id;

function getDays(month, year) { // Test for leap year when February is selected. if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) || (0 == year % 400) ? 29 : 28; else return daysInMonth[month]; } function getToday() { // Generate today's date. this.now = new Date(); this.year = this.now.getFullYear() ; // Returned year XXXX this.month = this.now.getMonth(); this.day = this.now.getDate(); } function newCalendar() { var parseYear = parseInt(document.all.year [document.all.year.selectedIndex].text); var newCal = new Date(parseYear , document.all.month.selectedIndex, 1); var day = -1; var startDay = newCal.getDay(); var daily = 0; today = new getToday(); // 1st call if ((today.year == newCal.getFullYear() ) && (today.month == newCal.getMonth())) day = today.day; // Cache the calendar table's tBody section, dayList. var tableCal = document.all.calendar.tBodies.dayList; var intDaysInMonth = getDays(newCal.getMonth(), newCal.getFullYear() ); for (var intWeek = 0; intWeek < tableCal.rows.length; intWeek++) for (var intDay = 0; intDay < tableCal.rows[intWeek].cells.length;

intDay++) { var cell = tableCal.rows[intWeek].cells[intDay]; // Start counting days. if ((intDay == startDay) && (0 == daily)) daily = 1; // Highlight the current day. cell.style.color = (day == daily) ? "red" : ""; if(day == daily) { document.all.todayday.innerText= "Today: " + day + "/" + (newCal.getMonth()+1) + "/" + newCal.getFullYear(); } // Output the day number into the cell. if ((daily > 0) && (daily <= intDaysInMonth)) cell.innerText = daily++; else cell.innerText = ""; } } function getTodayDay() { document.all[element_id].value = today.day + "/" + (today.month+1) + "/" + today.year; //document.all.calendar.style.visibility="hidden"; document.all.calendar.style.display="none"; document.all.year.selectedIndex =100; document.all.month.selectedIndex = today.month; } function getDate() { // This code executes when the user clicks on a day // in the calendar. if ("TD" == event.srcElement.tagName) // Test whether day is valid. if ("" != event.srcElement.innerText) { var mn = document.all.month.selectedIndex+1;

var Year = document.all.year [document.all.year.selectedIndex].text; document.all[element_id].value=event.srcElement.innerText+"/"+mn +"/" +Year; //document.all.calendar.style.visibility="hidden"; document.all.calendar.style.display="none"; } } function GetBodyOffsetX(el_name, shift) { var x; var y; x = 0; y = 0; var elem = document.all[el_name]; do { x += elem.offsetLeft; y += elem.offsetTop; if (elem.tagName == "BODY") break; elem = elem.offsetParent; } while (1 > 0); shift[0] = x; shift[1] = y; return x; } function SetCalendarOnElement(el_name) { if (el_name=="") el_name = element_id; var shift = new Array(2); GetBodyOffsetX(el_name, shift); document.all.calendar.style.pixelLeft = shift[0]; // document.all.calendar.offsetLeft; document.all.calendar.style.pixelTop = shift[1] + 25 ; }

function ShowCalendar(elem_name)

{ if (elem_name=="") elem_name = element_id; element_id = elem_name; // element_id is global variable newCalendar(); SetCalendarOnElement(element_id); //document.all.calendar.style.visibility = "visible"; document.all.calendar.style.display="inline"; } function HideCalendar() { //document.all.calendar.style.visibility="hidden"; document.all.calendar.style.display="none"; } function toggleCalendar(elem_name) { //if (document.all.calendar.style.visibility == "hidden") if(document.all.calendar.style.display=="none") ShowCalendar(elem_name); else HideCalendar(); } --> </script> <style> .today {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONTWEIGHT: bold} .days {COLOR: navy; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONTWEIGHT: bold; TEXT-ALIGN: center} .dates {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt} </style>
Copy the following code into the BODY of your html page.

<FORM name=myForm> <INPUT id=MyDate name=MyDate size=15> <a href="JavaScript:;" onClick="toggleCalendar('MyDate')">Calendar</a> </form>

<TABLE bgColor=#ffffff border=1 cellPadding=0 cellSpacing=3 id=calendar style="DISPLAY: none; POSITION: absolute; Z-INDEX: 4"> <TBODY> <TR> <TD colSpan=7 vAlign=center> <!-- Month combo box --> <SELECT id=month onchange=newCalendar()> <SCRIPT language=JavaScript> // Output months into the document. // Select current month. for (var intLoop = 0; intLoop < months.length; intLoop++) document.write("<OPTION " + (today.month == intLoop ? "Selected" : "") + ">" + months[intLoop]); </SCRIPT> </SELECT> <!-- Year combo box --> <SELECT id=year onchange=newCalendar()> <SCRIPT language=JavaScript> // Output years into the document. // Select current year. for (var intLoop = 1900; intLoop < 2028; intLoop++) document.write("<OPTION " + (today.year == intLoop ? "Selected" : "") + ">" + intLoop); </SCRIPT> </SELECT> </TD> </TR>

<TR class=days> <!-- Generate column for each day. --> <SCRIPT language=JavaScript> // Output days. for (var intLoop = 0; intLoop < days.length; intLoop++) document.write("<TD>" + days[intLoop] + "</TD>"); </SCRIPT> </TR> <TBODY class=dates id=dayList onclick="getDate('')" vAlign=center> <!-- Generate grid for individual days. --> <SCRIPT language=JavaScript> for (var intWeeks = 0; intWeeks < 6; intWeeks++)

{ document.write("<TR>"); for (var intDays = 0; intDays < days.length; intDays++) document.write("<TD></TD>"); document.write("</TR>"); } </SCRIPT> <!-- Generate today day. --></TBODY> <TBODY> <TR> <TD class=today colSpan=5 id=todayday onclick=getTodayDay()></TD> <TD align=right colSpan=2><A href="javascript:HideCalendar();"><SPAN style="COLOR: black; FONTSIZE: 10px"><B>Hide</B></SPAN></A></TD> </TR> </TBODY> </TABLE>