Part of Popup calendar hidden behind iframe - html

All respected members,
i am trying to insert a aspx page within iframe in html page as :
<iframe id="one" src="ElectLocoPerformance2.aspx" height="100%" width="100%" runat="server" scrolling="no" marginheight="0%" frameborder="0" /> </p>
Pgae is displaying well, however, AJAX popup calender is not visible fully as some part are hiddin behind the iframe. Although dropdown list are visible fully.
My aspx code is as under:
<body bgcolor="#ffffcc">
<form id="form1" runat="server">
<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajax:ToolkitScriptManager>
<table class="style3">
<tr>
<td class="style38">
<strong>Trains lost Punctuality (Territorial)</strong></td>
<td class="style43">
From Date</td>
<td class="style22">
<asp:TextBox ID="txtstrdt" runat="server" Contenteditable="false" Width="90px"/>
<ajax:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtstrdt" Format="dd-MMM-yy" >
</ajax:CalendarExtender>
<asp:RequiredFieldValidator ID="DateRequiredFieldValidator"
ControlToValidate="txtstrdt" ErrorMessage="Name"
Text="Can not be left blank" runat="server" Display="Dynamic"
ForeColor="Red" Font-Names="Tahoma" Font-Size="Small" />
</td>
<td class="style63">
<strong class="style66">To Date</strong></td>
<td class="style30">
<asp:TextBox ID="txtenddt" runat="server" Contenteditable="false" Width="90px"/>
<ajax:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtenddt" Format="dd-MMM-yy">
</ajax:CalendarExtender>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
ControlToValidate="txtenddt" ErrorMessage="Name"
Text="Can not be left blank" runat="server" Display="Dynamic"
ForeColor="Red" Font-Names="Tahoma" Font-Size="Small" /></td>
<td class="style61">
Territorial Railway</td>
<td class="style65">
<asp:DropDownList runat="server" id="txtrly" BorderColor="Black" Width="90px" Height="22px"
CssClass="style62" >
<asp:ListItem Value="">ALL</asp:ListItem>
<asp:ListItem Value="CR">CR</asp:ListItem>
<asp:ListItem Value="ER">ER</asp:ListItem>
<asp:ListItem Value="ECR">ECR</asp:ListItem>
<asp:ListItem Value="ECoR">ECoR</asp:ListItem>
<asp:ListItem Value="NR">NR</asp:ListItem>
<asp:ListItem Value="NCR">NCR</asp:ListItem>
<asp:ListItem Value="NER">NER</asp:ListItem>
<asp:ListItem Value="NFR">NFR</asp:ListItem>
<asp:ListItem Value="NWR">NWR</asp:ListItem>
<asp:ListItem Value="SR">SR</asp:ListItem>
<asp:ListItem Value="SCR">SCR</asp:ListItem>
<asp:ListItem Value="SER">SER</asp:ListItem>
<asp:ListItem Value="SECR">SECR</asp:ListItem>
<asp:ListItem Value="SWR">SWR</asp:ListItem>
<asp:ListItem Value="WR">WR</asp:ListItem>
<asp:ListItem Value="WCR">WCR</asp:ListItem>
</asp:DropDownList></td>
<td class="style60">
<strong>Owning Shed</strong></td>
<td class="style76">
<asp:DropDownList runat="server" id="txtshed" BorderColor="Black" Width="90px" Height="22px"
CssClass="style62" >
<asp:ListItem Value="">ALL</asp:ListItem>
<asp:ListItem Value="BSL">BSL</asp:ListItem>
<asp:ListItem Value="AQ">AQ</asp:ListItem>
<asp:ListItem Value="KYN">KYN</asp:ListItem>
<asp:ListItem Value="ASN">ASN</asp:ListItem>
<asp:ListItem Value="HWH">HWH</asp:ListItem>
<asp:ListItem Value="MGS">MGS</asp:ListItem>
<asp:ListItem Value="GMO">GMO</asp:ListItem>
<asp:ListItem Value="WAT">WAT</asp:ListItem>
<asp:ListItem Value="ANGL">ANGL</asp:ListItem>
<asp:ListItem Value="GZB">GZB</asp:ListItem>
<asp:ListItem Value="LDH">LDH</asp:ListItem>
<asp:ListItem Value="JHS">JHS</asp:ListItem>
<asp:ListItem Value="CNB">CNB</asp:ListItem>
<asp:ListItem Value="AJJ">AJJ</asp:ListItem>
<asp:ListItem Value="ED">ED</asp:ListItem>
<asp:ListItem Value="RPM">RPM</asp:ListItem>
<asp:ListItem Value="BZA">BZA</asp:ListItem>
<asp:ListItem Value="LGD">LGD</asp:ListItem>
<asp:ListItem Value="KZJ">KZJ</asp:ListItem>
<asp:ListItem Value="TATA">TATA</asp:ListItem>
<asp:ListItem Value="BNDM">BNDM</asp:ListItem>
<asp:ListItem Value="BKSC">BKSC</asp:ListItem>
<asp:ListItem Value="SRC">SRC</asp:ListItem>
<asp:ListItem Value="BIA">BIA</asp:ListItem>
<asp:ListItem Value="BRC">BRC</asp:ListItem>
<asp:ListItem Value="BL">BL</asp:ListItem>
<asp:ListItem Value="TKD">TKD</asp:ListItem>
<asp:ListItem Value="ET">ET</asp:ListItem>
<asp:ListItem Value="NKJ">NKJ</asp:ListItem>
</asp:DropDownList></td>
<td class="style72">
<asp:Button ID="btnSend" Text="GO" runat="server" onclick="btnSend_Click"/></td>
<td class="style64">
</td>
</table>
Is there any possibility to resolve this issue? please help.
Or suggest any method to put two or more submit buttons be placed in form teg for redirecting differnt pages based on date pickers.

Have you tried positioning the elements then setting the z-index property on the popup calendar?

Related

Don't want the vertical scrollbar in dropdown list

I do not want the vertical scrollbar to appear for the dropdown list. I want to show all the items. How do I do that ?
size attribute doesn't work.
code design:
<asp:DropDownList ID="ddlTables" CssClass="labels" runat="server" AutoPostBack="true"
AppendDataBoundItems="true" Width="230px"
OnSelectedIndexChanged="ddlTables_SelectedIndexChanged">
<asp:ListItem Text="--Select--" Value="0" />
</asp:DropDownList>
The Scrollbar is there because you have too many items or too few height. Assuming you want to keep all the items there, you need to set this.size attribute to a value which will show all of the items without scrolling:
<asp:DropDownList ID="ddlTables"
CssClass="labels"
runat="server"
AutoPostBack="true"
AppendDataBoundItems="true"
Width="230"
onMouseOver="this.size=50;"
onMouseOut="this.size=1;"
OnSelectedIndexChanged="ddlTables_SelectedIndexChanged">
<asp:ListItem Text="--Select--" Value="0" />
</asp:DropDownList>

Element 'Listitem' is not a known element

I have a Drop down field, however List Items seem to be ignored. This is for an aspx project I am working on in Visual studio. Am I missing something? My code:
<form runat="server">
<asp:TextBox CssClass="form-control" ID ="dateField" runat="server" placeholder="Date (DD/MM/YYYY)"></asp:TextBox><br/>
<asp:DropDownList CssClass="form-control" runat="server" placeholder=""> </asp:DropDownList>
<asp:ListItem Text="General Waste" Value="General Waste"></asp:ListItem>
</form>
You have closed the DropDownList tag before the ListItem. ListItem should be IN the DropDownList.
<form runat="server">
<asp:TextBox CssClass="form-control" ID ="dateField" runat="server" placeholder="Date (DD/MM/YYYY)"></asp:TextBox><br/>
<asp:DropDownList CssClass="form-control" runat="server" placeholder="">
<asp:ListItem Text="General Waste" Value="General Waste"></asp:ListItem>
</asp:DropDownList>
</form>

bootstrap loses glow form-control

I have a very strange problem happening with an ASP.NET 4.5 website, using bootstrap for styling. I have set the class of the controls to form-control-static for alignment purposes. However, I'm getting different display results across 3 browsers.
IE9, used by some of our users, the control glows when focused or on mouseover. This is fine.
Chrome, the textbox border will go blue when focused (but no glow). Nothing happens on mouseover (fine with me).
IE11, which is the main used browser for this app, controls do not glow nor change border color on focus. However, if I click into each textbox then tab to the next, the border turns to blue only on tabbing to the next field. The control stays blue bordered even as I navigate through different fields (see te following screenshot).
If I use form-control (not static) I get nice rounded controls with blue glow on focus. But the layout is not how I want it.
<div class="form-group">
<asp:Label ID="lblReduction" runat="server" Font-Bold="True" Text="Reduction:" Width="320px"></asp:Label>
<asp:DropDownList ID="ddlReduction" runat="server" AutoPostBack="True" CssClass="form-control-static" OnSelectedIndexChanged="ddlReduction_SelectedIndexChanged" Width="220px">
<asp:ListItem><-- Please Select --></asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
<asp:ListItem>No</asp:ListItem>
</asp:DropDownList>
</div>
<div class="form-group">
<asp:Label ID="lblDLACareComponentAward" runat="server" CssClass="form-control-static" Font-Bold="True" Text="DLA Care Component Payment Awarded (£):" Width="320px"></asp:Label>
<asp:TextBox ID="DLACareComponentAwardTextBox" runat="server" CssClass="form-control-static" MaxLength="8" Text='<%# Bind("DLACareComponentAward") %>' Width="220px" />
<asp:RequiredFieldValidator ID="reqvalDLACareAwarded" runat="server" ControlToValidate="DLACareComponentAwardTextBox" Display="Dynamic" Enabled="False" ErrorMessage="DLA Care Component Payment Required" font-bold="true" ForeColor="Red" SetFocusOnError="True">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="regexDLApaymentAwarded" runat="server" ControlToValidate="DLACareComponentAwardTextBox" Display="Dynamic" ErrorMessage="DLA Care Component Payment Awarded must be a money value" font-bold="true" ForeColor="Red" ValidationExpression="[0-9]+(\.[0-9][0-9]?)?" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</div>
<div class="form-group">
<asp:Label ID="lblDLAMobilityComponentAward" runat="server" Font-Bold="True" Text="DLA Mobility Component Payment Awarded (£):" Width="320px"></asp:Label>
<asp:TextBox ID="DLAMobilityComponentAwardTextBox" runat="server" CssClass="form-control-static" MaxLength="8" Text='<%# Bind("DLAMobilityComponentAward") %>' Width="220px" />
<asp:RequiredFieldValidator ID="reqvalMobilityComponent" runat="server" ControlToValidate="DLAMobilityComponentAwardTextBox" Display="Dynamic" Enabled="False" ErrorMessage="DLA Mobility Component Payment" font-bold="true" ForeColor="Red" SetFocusOnError="True" ValidationGroup="PIP">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="regexDLApaymentAwarded0" runat="server" ControlToValidate="DLAMobilityComponentAwardTextBox" Display="Dynamic" ErrorMessage="DLA Mobility Component Payment Awarded must be a money value" font-bold="true" ForeColor="Red" ValidationExpression="[0-9]+(\.[0-9][0-9]?)?" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</div>
<div class="form-group">
<asp:Label ID="lblDailyPIPPoints" runat="server" Font-Bold="True" Text="Daily PIP Points:" Width="320px"></asp:Label>
<asp:TextBox ID="DailyPIPPointsTextBox" runat="server" CssClass="form-control-static" MaxLength="10" Text='<%# Bind("DailyPIPPoints") %>' Width="220px" />
<asp:RequiredFieldValidator ID="reqvalDailyPIPPoints" runat="server" ControlToValidate="DailyPIPPointsTextBox" Display="Dynamic" Enabled="False" ErrorMessage="Daily PIP Points" font-bold="true" ForeColor="Red" SetFocusOnError="True" ValidationGroup="PIP">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="regexDailyPIP" runat="server" ControlToValidate="DailyPIPPointsTextBox" Display="Dynamic" ErrorMessage="Only numbers can be used for Daily PIP Points" font-bold="true" ForeColor="Red" ValidationExpression="^[0-9]*$" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</div>
<div class="form-group">
<asp:Label ID="lblMobilityPIPPoints" runat="server" Font-Bold="True" Text="Mobility PIP Points:" Width="320px"></asp:Label>
<asp:TextBox ID="MobililtyPIPPointsTextBox" runat="server" CssClass="form-control-static" MaxLength="10" Text='<%# Bind("MobililtyPIPPoints") %>' Width="220px" />
<asp:RequiredFieldValidator ID="reqvalMobilityPIPPoints" runat="server" ControlToValidate="MobililtyPIPPointsTextBox" Display="Dynamic" Enabled="False" ErrorMessage="Mobility PIP Points" font-bold="true" ForeColor="Red" SetFocusOnError="True" ValidationGroup="PIP">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="regexMobilityPIPPoints" runat="server" ControlToValidate="MobililtyPIPPointsTextBox" Display="Dynamic" ErrorMessage="Only numbers can be used for Mobility PIP Points" font-bold="true" ForeColor="Red" ValidationExpression="^[0-9]*$" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</div>
<asp:Panel ID="pnlPIP" runat="server" Visible="false">
<div class="form-group">
<asp:Label ID="lblPIPDailyLivingAward" runat="server" Font-Bold="True" Text="PIP Daily Living Award (£):" Width="320px"></asp:Label>
<asp:TextBox ID="PIPDailyLivingAwardTextBox" runat="server" CssClass="form-control-static" MaxLength="8" Text='<%# Bind("PIPDailyLivingAward") %>' Width="220px" />
<asp:RequiredFieldValidator ID="reqvalDailyLivingAward" runat="server" ControlToValidate="PIPDailyLivingAwardTextBox" Display="Dynamic" Enabled="False" ErrorMessage="PIP Daily Living Award Required" font-bold="true" ForeColor="Red" SetFocusOnError="True" ValidationGroup="PIP">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="regexDLApaymentAwarded1" runat="server" ControlToValidate="PIPDailyLivingAwardTextBox" Display="Dynamic" ErrorMessage="PIP Daily Living Awarded must be a money value" font-bold="true" ForeColor="Red" ValidationExpression="[0-9]+(\.[0-9][0-9]?)?" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</div>
<div class="form-group">
<asp:Label ID="lblPIPMobilityAward" runat="server" Font-Bold="True" Text="PIP Mobility Award (£):" Width="320px"></asp:Label>
<asp:TextBox ID="PIPMobilityAwardTextBox" runat="server" CssClass="form-control-static" MaxLength="8" Text='<%# Bind("PIPMobilityAward") %>' Width="220px" />
<asp:RequiredFieldValidator ID="reqvalmobilityAward" runat="server" ControlToValidate="PIPMobilityAwardTextBox" Display="Dynamic" Enabled="False" ErrorMessage="PIP mobility Award Required" font-bold="true" ForeColor="Red" SetFocusOnError="True" ValidationGroup="PIP">*</asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="regexDLApaymentAwarded2" runat="server" ControlToValidate="PIPMobilityAwardTextBox" Display="Dynamic" ErrorMessage="PIP Mobility Award must be a money value" font-bold="true" ForeColor="Red" ValidationExpression="[0-9]+(\.[0-9][0-9]?)?" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</div>
</asp:Panel>
<asp:Panel ID="pnlAppealLodged" runat="server" Visible="false">
<div class="form-group">
<asp:Label ID="lblAppealLodged" runat="server" Font-Bold="True" Text="Appeal Lodged:" Width="320px"></asp:Label>
<asp:DropDownList ID="ddlAppealLodged" runat="server" AutoPostBack="True" CssClass="form-control-static" OnSelectedIndexChanged="ddlAppealLodged_SelectedIndexChanged" Width="220px">
<asp:ListItem Value="0"><-- Please Select --></asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
<asp:ListItem>No</asp:ListItem>
</asp:DropDownList>
</div>
</asp:Panel>
<asp:Panel ID="pnlAppealDate" runat="server" Visible="false">
<div class="form-group">
<asp:Label ID="lblAppealLodgedDate" runat="server" Font-Bold="True" Text="Date Appeal Lodged:" Width="320px"></asp:Label>
<asp:TextBox ID="txtDateLodged" runat="server" CssClass="form-control-static" Width="220px"></asp:TextBox>
<ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="txtDateLodged" WatermarkCssClass="txtwatermark" WatermarkText="dd/mm/yyyy" />
</div>
<asp:RegularExpressionValidator ID="regexDateAppealLodged" runat="server" ControlToValidate="txtDateLodged" Display="Dynamic" ErrorMessage="* Enter a valid Termination Date (DD/MM/YYYY)" font-bold="true" ForeColor="Red" ValidationExpression="^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
</asp:Panel>
<div class="form-group">
<asp:Label ID="lblVSSInterest" runat="server" Font-Bold="True" Text="VSS Interest Confirmed:" Width="320px"></asp:Label>
<asp:DropDownList ID="ddlVSS" runat="server" AutoPostBack="True" CssClass="form-control-static" OnSelectedIndexChanged="ddlVSS_SelectedIndexChanged" Width="220px">
<asp:ListItem Value="0"><-- Please Select --></asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
<asp:ListItem>No</asp:ListItem>
</asp:DropDownList>
<div>
<br />
<asp:Panel ID="pnlCRIType" runat="server" Visible="false">
<div class="form-group">
<asp:Label ID="lblCRIType" runat="server" Font-Bold="True" Text="CRI Type:" Width="320px"></asp:Label>
<asp:DropDownList ID="ddlCRIType" runat="server" CssClass="form-control-static" Width="220px">
<asp:ListItem Value="0"><-- Please Select --></asp:ListItem>
<asp:ListItem>Psychological</asp:ListItem>
<asp:ListItem>Physical</asp:ListItem>
<asp:ListItem>Psychological & Physical</asp:ListItem>
<asp:ListItem>Other</asp:ListItem>
</asp:DropDownList>
</div>
</asp:Panel>
<div class="form-group">
<asp:Label ID="lblDLATerminationDate" runat="server" Font-Bold="True" Text="DLA Termination Date:" Width="320px"></asp:Label>
<asp:TextBox ID="DLATerminationDateTextBox" runat="server" CssClass="form-control-static" MaxLength="10" Text='<%# Bind("DLATerminationDate") %>' Width="220px" />
<ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" TargetControlID="DLATerminationDateTextBox" WatermarkCssClass="txtwatermark" WatermarkText="dd/mm/yyyy" />
<asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="DLATerminationDateTextBox" Display="Dynamic" ErrorMessage="* Enter a valid Termination Date (DD/MM/YYYY)" font-bold="true" ForeColor="Red" ValidationExpression="^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$" ValidationGroup="PIP">*</asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="reqvalTerminationDate" runat="server" ControlToValidate="DLATerminationDateTextBox" Display="Dynamic" Enabled="False" ErrorMessage="DLA Termination Date Required" font-bold="true" ForeColor="Red" SetFocusOnError="True" ValidationGroup="PIP">*</asp:RequiredFieldValidator>
</div>
<br />
<div class="row text-center">
<asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True" cssclass="btn btn-success" OnClick="InsertButton_Click" OnClientClick="changeTextPIP()" Text="Insert" ValidationGroup="PIP" Width="125px" />
<asp:Button ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" cssclass="btn" onclick="InsertCancelButton_Click" Text="Cancel" ValidationGroup="PIP" Width="125px" />
</div>
<br />
</div>
</div>
</InsertItemTemplate>

How to make columns/item list the same size in a radio button list -

I have two radio list controls having - 5 list item for rach radio list and "RepeatDirection="Horizontal". the issue is i would like to make same size for itemlist so that the UI looks properly.
<asp:RadioButtonList
ID="RadioButtonList1"
runat="server"
BorderWidth="2"
BorderColor="SaddleBrown"
BorderStyle="Dotted"
Font-Names="Comic Sans MS"
ForeColor="Snow"
BackColor="OrangeRed"
Width="400"
RepeatDirection="Horizontal"
>
<asp:ListItem Text="CornFlowerBlue"></asp:ListItem>
<asp:ListItem Text="Pink"></asp:ListItem>
<asp:ListItem Text="Orange"></asp:ListItem>
<asp:ListItem Text="DarkBlue"></asp:ListItem>
<asp:ListItem Text="DarkCyan"></asp:ListItem>
</asp:RadioButtonList>
<br />
<asp:RadioButtonList
ID="RadioButtonList2"
runat="server"
BorderWidth="2"
BorderColor="SaddleBrown"
BorderStyle="Dotted"
Font-Names="Comic Sans MS"
ForeColor="Snow"
BackColor="OrangeRed"
Width="400"
RepeatDirection="Horizontal"
>
<asp:ListItem Text="Red"></asp:ListItem>
<asp:ListItem Text="Pink"></asp:ListItem>
<asp:ListItem Text="Orange"></asp:ListItem>
<asp:ListItem Text="DarkBlue"></asp:ListItem>
<asp:ListItem Text="white"></asp:ListItem>
</asp:RadioButtonList>
asp:RadioButtonList Creates a table on DOM, Here you can easily handle this with CSS
Add this code to header style tag.
#RadioButtonList2 td, #RadioButtonList1 td { min-width: 140px;}

Adding asp table inside Templatefield

Here i have a problem with adding asp table inside the template field in gridview.
in my gridview one button is there named as "View" when i click this it should display all information below that row... so how do i do that??? should i use template field?? how to add button("View") for each row using this template field
Please correct my code
<asp:TemplateField HeaderText="View">
<ItemTemplate>
<asp:Table ID="tblModify" runat="server" Width="100%" Visible="False" CssClass="table">
<asp:TableRow>
<asp:TableCell ID="TableCell35" runat="server" HorizontalAlign="Right"><h1>Debit Information</h1></asp:TableCell>
<asp:TableCell></asp:TableCell>
<asp:TableCell></asp:TableCell>
<asp:TableCell></asp:TableCell>
</asp:TableRow>
<asp:TableRow ID="TableRow6" runat="server">
<asp:TableCell ID="TableCell3" runat="server" HorizontalAlign="Right">DebitNoteNumber</asp:TableCell><asp:TableCell
ID="TableCell4" runat="server">
<asp:Label ID="lblDebitNoteId" runat="server" MaxLength="50" Columns="70" />
</asp:TableCell><asp:TableCell ID="TableCell5" runat="server" HorizontalAlign="Right">Date</asp:TableCell><asp:TableCell
ID="TableCell6" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblDate" runat="server" MaxLength="30" Columns="50"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow ID="TableRow1" runat="server">
<asp:TableCell ID="TableCell11" runat="server" HorizontalAlign="Right">Patient Name</asp:TableCell><asp:TableCell
ID="TableCell37" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblPatientName" runat="server" MaxLength="50" Columns="70"></asp:Label>
</asp:TableCell>
<asp:TableCell ID="TableCell1" runat="server" HorizontalAlign="Right">Patient Number</asp:TableCell><asp:TableCell
ID="TableCell2" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblPatientId" runat="server" MaxLength="50" Columns="70"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow ID="TableRow2" runat="server">
<asp:TableCell ID="TableCell38" runat="server" HorizontalAlign="Right">Phone Number</asp:TableCell><asp:TableCell
ID="TableCell39" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblPatientPhoneNumber" runat="server"> </asp:Label>
</asp:TableCell>
<asp:TableCell ID="TableCell7" runat="server" HorizontalAlign="Right">Bill Number</asp:TableCell><asp:TableCell
ID="TableCell8" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblBillId" runat="server"> </asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow ID="TableRow5" runat="server">
<asp:TableCell ID="TableCell9" runat="server" HorizontalAlign="Right">Receipt Number</asp:TableCell><asp:TableCell
ID="TableCell10" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblReceiptId" runat="server" MaxLength="30" Columns="50"></asp:Label>
</asp:TableCell><asp:TableCell ID="TableCell13" runat="server" HorizontalAlign="Right">Amount</asp:TableCell><asp:TableCell
ID="TableCell14" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblAmount" runat="server" MaxLength="30" Columns="50"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow ID="TableRow8" runat="server">
<asp:TableCell ID="TableCell15" runat="server" HorizontalAlign="Right">Balacne</asp:TableCell><asp:TableCell
ID="TableCell16" runat="server" HorizontalAlign="Left">
<asp:Label ID="lblBalacne" runat="server" MaxLength="30" Columns="50"></asp:Label></td>
</asp:TableCell><asp:TableCell></asp:TableCell><asp:TableCell></asp:TableCell>
</asp:TableRow>
</asp:Table>
</ItemTemplate>
</asp:TemplateField>
if i use this code, i could't find button("View") in my gridview...
U can use Modal Pop Up Extender.
write simple html table tag(TR,TD) with your server side tag into the modal pop up.When You click on "View" the details will be shown into Modal pop up.