Have a fun while searching

Thursday, February 11, 2010

how to design this Page


-------------
<%@ Page Language="C#" EnableSessionState="True" AutoEventWireup="true" CodeFile="Assignment.aspx.cs" Inherits="Assignment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Assignment Page</title>
</head>
<script language="javascript" type="text/javascript" src="JavaScript/Assignment.js"></script>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<fieldset>
<legend style="color:Blue;">Add New Client</legend>
<table cellspacing="0" cellpadding="3">
<tr>
<td style="width:15%" align="right">
<b><asp:Label ID="LblBusinessName" runat="server" Text="Business Name"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label2" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:30%;" align="left">
<asp:UpdatePanel ID="UpdLblBusinessName" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtBusinessName" runat="server" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:15%" align="right">
<b><asp:Label ID="LblPassword" runat="server" Text="Password"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label3" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:20%" align="left">
<asp:UpdatePanel ID="UpdtxtPassword" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:10%" align="left">
<asp:UpdatePanel ID="UpdCheckBox" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:CheckBox ID="CheckBoxShow" runat="server" Text="Show/Hide" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="width:15%" align="right">
<b><asp:Label ID="lblContactPerson" runat="server" Text="Contact Person"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label4" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:30%;" align="left">
<asp:UpdatePanel ID="UpdlblContactPerson" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="TxtContactPerson" runat="server" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:15%" align="right">
<b><asp:Label ID="LblCountry" runat="server" Text="Country"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label6" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:20%" align="left">
<asp:UpdatePanel ID="UpdddlCountry" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="ddlCountry" runat="server" Width="180px">
<asp:ListItem Text="Choose the Country" Value="Select" Selected="True"></asp:ListItem>
<asp:ListItem Text="ACountry" Value="ACountry"></asp:ListItem>
<asp:ListItem Text="BCountry" Value="BCountry"></asp:ListItem>
<asp:ListItem Text="CCountry" Value="CCountry"></asp:ListItem>
</asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:10%" align="left">
<asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<b><asp:Label ID="Label1" runat="server" Text=" "></asp:Label></b>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="width:15%" align="right">
<b><asp:Label ID="lblState" runat="server" Text="State"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label8" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:30%;" align="left">
<asp:UpdatePanel ID="UpdddlState" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="ddlState" runat="server" Width="180px">
<asp:ListItem Text="Choose the State" Value="Select" Selected="True"></asp:ListItem>
<asp:ListItem Text="AState" Value="AState"></asp:ListItem>
<asp:ListItem Text="BState" Value="BState"></asp:ListItem>
<asp:ListItem Text="CState" Value="CState"></asp:ListItem>
</asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:15%" align="right">
<b><asp:Label ID="lblDistrict" runat="server" Text="District"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label10" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:20%" align="left">
<asp:UpdatePanel ID="UpdddlDistrict" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="ddlDistrict" runat="server" Width="180px">
<asp:ListItem Text="Choose the District" Value="Select" Selected="True"></asp:ListItem>
<asp:ListItem Text="ADistrict" Value="ADistrict"></asp:ListItem>
<asp:ListItem Text="BDistrict" Value="BDistrict"></asp:ListItem>
<asp:ListItem Text="CDistrict" Value="CDistrict"></asp:ListItem>
</asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:10%" align="left">
<asp:UpdatePanel ID="UpdatePanel6" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<b><asp:Label ID="Label5" runat="server" Text=" "></asp:Label></b>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="width:15%" align="right">
<b><asp:Label ID="lblCity" runat="server" Text="City"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label12" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:30%;" align="left">
<asp:UpdatePanel ID="UpdddlCity" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="ddlCity" runat="server" Width="180px">
<asp:ListItem Text="Choose the City" Value="Select" Selected="True"></asp:ListItem>
<asp:ListItem Text="ACity" Value="ACity"></asp:ListItem>
<asp:ListItem Text="BCity" Value="BCity"></asp:ListItem>
<asp:ListItem Text="CCity" Value="CCity"></asp:ListItem>
</asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:15%" align="right">
<b><asp:Label ID="Label13" runat="server" Text="email Id"></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label14" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:20%" align="left">
<asp:UpdatePanel ID="UpdtxtEmailid" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtEmailid" runat="server" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="width:10%" align="left">
<asp:UpdatePanel ID="UpdatePanel9" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<b><asp:Label ID="Label15" runat="server" Text=" "></asp:Label></b>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="width:100%" colspan="7">
<table width="100%" cellspacing="0" cellpadding="3">
<tr>
<td style="width:50%">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="width:30%" align="right" valign="top">
<b><asp:Label ID="lblAddress" runat="server" Text="Address"></asp:Label></b>
</td>
<td style="width:10%" align="center" valign="top">
<b><asp:Label ID="Label11" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:60%;" align="left" valign="top">
<asp:UpdatePanel ID="UpdtxtAddress" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtAddress" runat="server" TextMode="MultiLine" Height="50px" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</td>
<td style="width:50%">
<table width="100%" cellspacing="0" cellpadding="3">
<tr>
<td style="width:30%" align="right" valign="top">
<b><asp:Label ID="lblPincode" runat="server" Text="Pincode"></asp:Label></b>
</td>
<td style="width:10%" align="center" valign="top">
<b><asp:Label ID="Label19" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:60%;" align="left" valign="top">
<asp:UpdatePanel ID="UpdtxtPincode" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtPincode" runat="server" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="width:30%" align="right" valign="top">
<b><asp:Label ID="lblContactNo" runat="server" Text="Contact No"></asp:Label></b>
</td>
<td style="width:10%" align="center" valign="top">
<b><asp:Label ID="Label21" runat="server" Text=":"></asp:Label></b>
</td>
<td style="width:60%;" align="left" valign="top">
<asp:UpdatePanel ID="UpdtxtContactNo" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txtContactNo" runat="server" Width="150px"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:15%" align="right">
<b><asp:Label ID="Label9" runat="server" Text=" "></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label16" runat="server" Text=" "></asp:Label></b>
</td>
<td style="width:30%;" align="left">
<b><asp:Label ID="Label24" runat="server" Text=" "></asp:Label></b>
</td>
<td style="width:15%" align="right">
<b><asp:Label ID="Label18" runat="server" Text=" "></asp:Label></b>
</td>
<td style="width:5%" align="center">
<b><asp:Label ID="Label22" runat="server" Text=" "></asp:Label></b>
</td>
<td style="width:20%" align="left">
<b><asp:Label ID="Label25" runat="server" Text=" "></asp:Label></b>
</td>
<td style="width:10%" align="right">
<asp:UpdatePanel ID="UpdatePanel10" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button ID="BtnSubmit" runat="server" Text="Submit"
onclick="BtnSubmit_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</fieldset>
</div>
<div style="text-align:right;vertical-align:middle;margin-top:10px;">
<asp:Button ID="BtnDelete" runat="server" Text="Delete Selected"
onclick="BtnDelete_Click" />
</div>
<div>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="width:100%;" align="left">
<asp:LinkButton ID="All" ForeColor="Green" Font-Bold="true" runat="server" Text="All" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="A" ForeColor="Green" Font-Bold="true" runat="server"
Text="A" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="B" ForeColor="Green" Font-Bold="true" runat="server" Text="B" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="C" ForeColor="Green" Font-Bold="true" runat="server" Text="C" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="D" ForeColor="Green" Font-Bold="true" runat="server" Text="D" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="E" ForeColor="Green" Font-Bold="true" runat="server" Text="E" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="F" ForeColor="Green" Font-Bold="true" runat="server" Text="F" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="G" ForeColor="Green" Font-Bold="true" runat="server" Text="G" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="H" ForeColor="Green" Font-Bold="true" runat="server" Text="H" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="I" ForeColor="Green" Font-Bold="true" runat="server" Text="I" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="J" ForeColor="Green" Font-Bold="true" runat="server" Text="J" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="K" ForeColor="Green" Font-Bold="true" runat="server" Text="K" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="L" ForeColor="Green" Font-Bold="true" runat="server" Text="L" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="M" ForeColor="Green" Font-Bold="true" runat="server" Text="M" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="N" ForeColor="Green" Font-Bold="true" runat="server" Text="N" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="O" ForeColor="Green" Font-Bold="true" runat="server" Text="O" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="P" ForeColor="Green" Font-Bold="true" runat="server" Text="P" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="Q" ForeColor="Green" Font-Bold="true" runat="server" Text="Q" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="R" ForeColor="Green" Font-Bold="true" runat="server" Text="R" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="S" ForeColor="Green" Font-Bold="true" runat="server" Text="S" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="T" ForeColor="Green" Font-Bold="true" runat="server" Text="T" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="U" ForeColor="Green" Font-Bold="true" runat="server" Text="U" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="V" ForeColor="Green" Font-Bold="true" runat="server" Text="V" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="W" ForeColor="Green" Font-Bold="true" runat="server" Text="W" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="X" ForeColor="Green" Font-Bold="true" runat="server" Text="X" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="Y" ForeColor="Green" Font-Bold="true" runat="server" Text="Y" onclick="A_Click"></asp:LinkButton> | 
<asp:LinkButton ID="Z" ForeColor="Green" Font-Bold="true" runat="server" Text="Z" onclick="A_Click"></asp:LinkButton>
</td>
</tr>
<tr>
<td style="width:100%">
<asp:UpdatePanel ID="UpdLblMessage" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Label ID="LblMessage" runat="server"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td style="width:100%">
<asp:UpdatePanel ID="UpdGview" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:GridView ID="Gview" runat="server" Width="100%" AllowPaging="true"
PagerSettings-Mode="Numeric" PagerSettings-Position="Top" PageSize="5"
AutoGenerateColumns="false" onrowcommand="Gview_RowCommand"
onpageindexchanging="Gview_PageIndexChanging">
<Columns>
<asp:TemplateField Visible="false" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:Label ID="LblSlno" runat="server" Text='<%# Eval("Slno") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="3%">
<HeaderTemplate>
<input id="chkAll" runat="server" onclick="javascript:SelectAllCheckboxes(this);" type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkItems" runat="server"/>
</ItemTemplate>
<ItemStyle BackColor="#01CCCC" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Business Name<br/>Contact Person" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:Label ID="lblNames" runat="server" Text='<%# Eval("BusnessName") %>' />
<br/>
<asp:Label ID="Label23" runat="server" Text="Mr." />
<asp:Label ID="lblContactName" runat="server" Text='<%# Eval("ContactName") %>' />
</ItemTemplate>
<ItemStyle BackColor="#01CCCC" />
</asp:TemplateField>
<asp:TemplateField HeaderText="City - District(State)<br/>Phone" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:Label ID="lblCity" runat="server" Text='<%# Eval("City") %>' />
<asp:Label ID="Label27" runat="server" Text=" - " />
<asp:Label ID="lblDistrict" runat="server" Text='<%# Eval("District") %>'/>
<asp:Label ID="Label29" runat="server" Text="(" />
<asp:Label ID="lblState" runat="server" Text='<%# Eval("State") %>' />
<asp:Label ID="Label31" runat="server" Text=")" />
<br/>
<asp:Label ID="lblphoneNumber" runat="server" Text='<%# Eval("PhoneNumber") %>' />
</ItemTemplate>
<ItemStyle BackColor="#01CCCC" />
</asp:TemplateField>
<asp:ButtonField ButtonType="Button" ItemStyle-BackColor="#01CCCC" CommandName="Select1" Text="Edit" Visible="true" ItemStyle-Width="5%"/>
<asp:ButtonField ButtonType="Button" ItemStyle-BackColor="#01CCCC" CommandName="Select2" Text="Delete" Visible="true" ItemStyle-Width="5%"/>
</Columns>
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
-----------------cs file will be in second one
Posted by Amit Ji at Thursday, February 11, 2010

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)