当我使用日历控件时,我的表格对齐原因问题 [英] My Form alignment cause issue when i am using Calender control
本文介绍了当我使用日历控件时,我的表格对齐原因问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在asp.net上很新鲜.我想在新的在线应用程序中添加一个日历控件.但是当我在表中使用日历控件时,我的页面对齐方式出错了.请给我建议,如何在不影响现有表单设计的情况下添加日历,
解决方案
您能不能把代码区域,您已经为日历编写过代码? ajax压延机或其他压延机![CDATA [<%@ 页面 语言 =" MasterPageFile =" 〜/Project/FFS.master" AutoEventWireup =" =" Form.aspx.vb" 继承 表单" 标题 报销表" % > ]]> < ![CDATA [<%@ 注册 src =" 标记名 =" tagprefix uc1" % > ]] ]> < asp:content id =" contentplaceholderid ContentPlaceHolder1 " runat 服务器" xmlns:asp =" > < 表 =" LblStyle" < tr > < td =" class LblStyle " < /td > < td =" < asp:textbox id =" runat 服务器" cssclass TxtStyle" 宽度 134px" < /asp:textbox > < /td > < td =" & nbsp; < /td > < td =" width:115px" & nbsp; < /td > < td =" & nbsp; < /td > < td > & nbsp; < /td > < td > & nbsp; < /td > < /tr > < tr > < td =" class LblStyle " < asp:requiredfieldvalidator id =" runat =" 服务器" > ControlToValidate ="CmbStore"显示=动态" ErrorMessage ="*" ToolTip =请输入商店."& gt; < /asp:requiredfieldvalidator > < /td > < td =" < asp:dropdownlist id =" runat 服务器" cssclass CmbStyle" < asp:listitem 文本 =" 值 =" > /asp:listitem < > < /td > < td =" class LblStyle " < asp:requiredfieldvalidator id =" runat =" 服务器" > ControlToValidate ="TxtRef"显示=动态" ErrorMessage ="*" ToolTip =请输入参考." ValidationGroup ="smt"& gt; < /asp:requiredfieldvalidator < /td > < td =" width:115px" < asp:textbox id =" runat 服务器" cssclass TxtStyle" 宽度 231px" < > < /td > < td =" class LblStyle " < asp:requiredfieldvalidator id =" runat =" 服务器" > ControlToValidate ="TxtHdate"显示=动态" ErrorMessage ="*" ToolTip =请输入日期." ValidationGroup ="smt"& gt; < /asp:requiredfieldvalidator < /td > < td > < asp:textbox id =" runat 服务器" cssclass TxtStyle" 宽度 91px" < /asp:textbox < /td > < td > < asp:button id =" runat 服务器" cssclass BtnStyle" 文本 ..." < /asp:button > < /td > < /tr > < tr > < td =" 6" < 表 =" style1" 样式 宽度:96 %; margin-right:0px; height:24px;" < tr > < td =" 高度:9像素;宽度:455像素;" > < asp:button id =" runat 服务器" 文本 新建" cssclass BtnStyle" < asp:button id =" runat 服务器" 文本 提交" < asp:button id =" runat 服务器" 文本 发送邮件" cssclass =" > ValidationGroup ="smt" Width ="67px"/& gt; < /asp:button > < /asp:button > < /asp:button > < /td > < td =" 类 =" < asp:label id =" runat 服务器" cssclass LblStyle" forecolor #FF3300" < > < /td > < td =" 宽度:137px" & nbsp; < /td > < /tr > < /table > < /td > < td > < asp:calendar id =" runat 服务器" 背景色 白色" < 所选日期 样式 背景色 =" #009999" 字体粗体 forecolor =" / > < 选择器 样式 背景色 =" #99CCCC" forecolor #336666" / > < 周末 样式 背景色 =" #CCCCFF" / > < 今天 样式 背景色 =" #99CCCC" forecolor 白色" / > < 其他月份 样式 forecolor =" #999999" / > < nextprev 样式 字体大小 =" forecolor =" #CCCCFF" ">/ > < dayheader 样式 背景色 =" #99CCCC" forecolor #336666" 高度 =" > < 标题 样式 背景色 =" #003399" bordercolor #3366CC" borderwidth =" > Font-Bold ="True" Font-Size ="10pt" ForeColor =#CCCCFF" Height ="25px"/& gt; < /title 样式 > < /asp:calendar > < /td > < /tr > < tr > < td =" 6" < 表 =" style1" 样式 宽度:99 %; height:47px;" < tr =" BtnStyle" < td =" GridHeaderStyle" 样式 宽度:9像素; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:30px ; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:7像素; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:7px ; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:7px ; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:7px ; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:4像素; height:13px;" & nbsp; < /td > < td =" GridHeaderStyle" 样式 宽度:4像素; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:4像素; height:13px;" < /td > < td =" GridHeaderStyle" 样式 宽度:2px ; height:13px;" & nbsp; < /td > < td =" GridHeaderStyle" 样式 宽度:2px ; height:13px;" < /td > <td class="GridHeaderStyle" style="height: 13px"> Remarks</td> <td class="GridHeaderStyle" style="height: 13px; width: 5px;"> <asp:button id="BtnAdd" runat="server" text="Add" cssclass="BtnStyle"> Width="56px" ValidationGroup="Add"/> </asp:button></td> < /tr > <td style="width: 9px"> <asp:requiredfieldvalidator id="RFV_trxstype" runat="server"> ControlToValidate="CmbType" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Type" Font-Size="Smaller" ValidationGroup="add"></asp:requiredfieldvalidator> < /td > <td style="width: 30px"> <asp:dropdownlist id="CmbType" runat="server" cssclass="CmbStyle"> AutoPostBack="True" Height="16px" Width="247px"><asp:listitem text="----- Select -----" value=""></asp:listitem></asp:dropdownlist> < /td > <td style="width: 7px"> <asp:requiredfieldvalidator id="RFV_trxaccount" runat="server"> ControlToValidate="Txtptyacc" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Account#" Font-Size="Smaller" ValidationGroup="add"></asp:requiredfieldvalidator> < /td > <td style="width: 55px"> <asp:textbox id="Txtptyacc" runat="server" cssclass="TxtStyle" width="154px"> AutoCompleteType="Disabled" Enabled="False" Height="16px"></asp:textbox> < /td > <td style="width: 7px"> <asp:rangevalidator id="RV_TxtDdate" runat="server"> ControlToValidate="TxtDdate" CssClass="LblStyle" ErrorMessage="*" MaximumValue="new DateTime(2010, 01, 01).ToString("dd/MM/yyyy")" MinimumValue="DateTime.Now.ToString("dd/MM/yyyy")" SetFocusOnError="True" ToolTip="Please enter proper date dd/mm/yyyy" ValidationGroup="add"></asp:rangevalidator> < /td > <td style="width: 7px"> <asp:textbox id="TxtDdate" runat="server" cssclass="TxtStyle" width="161px"> Height="16px"></asp:textbox> < /td > <td style="width: 4px"> <asp:button id="Button3" runat="server" cssclass="BtnStyle" text="..."> Width="20px"/> </asp:button></td> <td style="width: 4px"> <asp:rangevalidator id="RV_TxtAmount" runat="server"> ControlToValidate="Txtamount" CssClass="LblStyle" ErrorMessage="*" MaximumValue="-10000" MinimumValue="10000" SetFocusOnError="True" ValidationGroup="add"></asp:rangevalidator> < /td > <td style="width: 4px"> <asp:textbox id="Txtamount" runat="server" cssclass="TxtStyle" width="132px"> Height="16px"></asp:textbox> < /td > <td style="width: 2px"> <asp:requiredfieldvalidator id="RFV_trxRemarks" runat="server"> ControlToValidate="Txtremarks" ErrorMessage="*" ToolTip="Please Enter Remarks" Font-Size="Smaller" ValidationGroup="add"></asp:requiredfieldvalidator> < /td > < td > <asp:textbox id="Txtremarks" runat="server" cssclass="TxtStyle" height="17px"> Width="169px"></asp:textbox> < /td > < /table > < /td > < /tr > < tr > <td style="width: 9px"> </td> <td style="width: 30px"> </td> <td style="width: 7px"> </td> <td style="width: 55px"> </td> <td style="width: 7px"> </td> <td style="width: 7px"> <asp:calendar id="Calendar2" runat="server" backcolor="White"> BorderColor="#3366CC" BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399" Height="89px" Visible="False" Width="159px"> <selecteddaystyle backcolor="#009999" font-bold="True" forecolor="#CCFF99" /> <selectorstyle backcolor="#99CCCC" forecolor="#336666" /> < 周末 样式 背景色 =" #CCCCFF" / > < 今天 样式 背景色 =" #99CCCC" forecolor 白色" / > < 其他月份 样式 forecolor =" #999999" / > < nextprev 样式 字体大小 =" forecolor =" #CCCCFF" ">/ > < dayheader 样式 背景色 =" #99CCCC" forecolor #336666" 高度 =" > <titlestyle backcolor="#003399" bordercolor="#3366CC" borderwidth="1px"> Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px"/> </titlestyle></asp:calendar> < /td > <td style="width: 4px"> </td> <td style="width: 4px"> </td> <td style="width: 4px"> </td> <td style="width: 2px"> </td> <td style="width: 2px"> </td> < td > </td> < /tr > < /table > < td > </td> < tr > <td class="GridHeaderStyle" colspan="6"> <asp:gridview id="GridView1" runat="server" width="99%"> CssClass="GridAlternatingRowStyle" Height="45px" HorizontalAlign="Left" ShowFooter="True"> < 列 > <asp:boundfield headertext="Trasaction Type" datafield="ACTDESCR"> SortExpression="Trasaction Type"/> <asp:boundfield headertext="Account No" datafield="ACT_NUMST"> SortExpression="Account No"/> <asp:boundfield headertext="Inv.Date" datafield="Ddate" /> <asp:boundfield datafield="CRDTAMT" headertext="Amount"> SortExpression="Amount"/> <asp:boundfield headertext="Remarks" datafield="Remarks" sortexpression="Remarks" /> < asp:commandfield showdeletebutton =" / </asp:boundfield></asp:boundfield></asp:boundfield></columns> </asp:gridview> < /td > <td class="GridHeaderStyle"> </td> < /tr > < tr > <td colspan="6"> </td> < td > </td> < /tr > < tr > <td colspan="6"> </td> < td > </td> < /tr > < tr > <td colspan="6"> <table class="style1" style="width: 96%"> < tr > <td style="width: 1058px"> < /td > <td style="width: 2263px"> </td> <td style="width: 43px"> <asp:button id="Button1" runat="server" cssclass="CmbStyle" forecolor="#3399FF"> Text="Home" Width="67px" CausesValidation="False"/> </asp:button></td> < td > <asp:button id="btnlogout" runat="server" text="Logout" cssclass="CmbStyle"> ForeColor="#3399FF" CausesValidation="False"/> </asp:button></td> < /tr > < /table > < /td > < td > </td> < /tr > < p > < /p > </asp:content>
hi,
i am fresh in asp.net. i would like to add a calender control in my new online application. but when i am using the calender control in a table my page alignment is going wrong. kindly advice me how can i add my calender without effecting my existing form design
解决方案
Can u plz put the area of code , u have written for calender , Is it a ajax calender or other one
<![CDATA[<%@ Page Language="VB" MasterPageFile="~/Project/FFS.master" AutoEventWireup="false" CodeFile="Form.aspx.vb" Inherits="Form" title="Reimbursement Form" %>]]> <![CDATA[<%@ Register src="Project/DateCntrl.ascx" tagname="DateCntrl" tagprefix="uc1" %>]]> <asp:content id="Content1" contentplaceholderid="ContentPlaceHolder1" runat="Server" xmlns:asp="#unknown"> <table class="LblStyle"> <tr> <td style="width: 140px" class="LblStyle"> Transaction No:</td> <td style="width: 88px"> <asp:textbox id="TxtTrx" runat="server" cssclass="TxtStyle" width="134px"> Enabled="False" Font-Bold="True"></asp:textbox> </td> <td style="width: 87px"> </td> <td style="width: 115px"> </td> <td style="width: 54px"> </td> <td> </td> <td> </td> </tr> <tr> <td style="width: 140px" class="LblStyle"> Store :<asp:requiredfieldvalidator id="RFV_trxstore" runat="server"> ControlToValidate="CmbStore" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Store."></asp:requiredfieldvalidator> </td> <td style="width: 88px"> <asp:dropdownlist id="CmbStore" runat="server" cssclass="CmbStyle"> Height="16px" Width="169px"><asp:listitem text="----- Select -----" value=""></asp:listitem></asp:dropdownlist> </td> <td style="width: 87px" class="LblStyle"> Reference :<asp:requiredfieldvalidator id="RFV_Txttrn" runat="server"> ControlToValidate="TxtRef" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Reference." ValidationGroup="smt"></asp:requiredfieldvalidator> </td> <td style="width: 115px"> <asp:textbox id="TxtRef" runat="server" cssclass="TxtStyle" width="231px"></asp:textbox> </td> <td style="width: 54px" class="LblStyle"> Date :<asp:requiredfieldvalidator id="RequiredFieldValidator1" runat="server"> ControlToValidate="TxtHdate" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Date." ValidationGroup="smt"></asp:requiredfieldvalidator> </td> <td> <asp:textbox id="TxtHdATE" runat="server" cssclass="TxtStyle" width="91px"> Height="16px"></asp:textbox> </td> <td> <asp:button id="Button2" runat="server" cssclass="BtnStyle" text="..."> Width="20px" /> </asp:button></td> </tr> <tr> <td colspan="6"> <table class="style1" style="width: 96%; margin-right: 0px; height: 24px;"> <tr> <td style="height: 9px; width: 455px;"> <asp:button id="btnNewReq" runat="server" text="New" cssclass="BtnStyle"> Height="19px" CausesValidation="False" /> <asp:button id="btnSaveReq" runat="server" text="Submit"> ValidationGroup="smt" CssClass="BtnStyle" /> <asp:button id="btnSendmail" runat="server" text="Send Mail" cssclass="BtnStyle"> ValidationGroup="smt" Width="67px" /> </asp:button></asp:button></asp:button></td> <td style="height: 9px; width: 414px;" class="LblStyle"> <asp:label id="LblError" runat="server" cssclass="LblStyle" forecolor="#FF3300"></asp:label> </td> <td style="width: 137px"> </td> </tr> </table> </td> <td> <asp:calendar id="Calendar1" runat="server" backcolor="White"> BorderColor="#3366CC" BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399" Height="89px" Visible="False" Width="159px"> <selecteddaystyle backcolor="#009999" font-bold="True" forecolor="#CCFF99" /> <selectorstyle backcolor="#99CCCC" forecolor="#336666" /> <weekenddaystyle backcolor="#CCCCFF" /> <todaydaystyle backcolor="#99CCCC" forecolor="White" /> <othermonthdaystyle forecolor="#999999" /> <nextprevstyle font-size="8pt" forecolor="#CCCCFF" /> <dayheaderstyle backcolor="#99CCCC" forecolor="#336666" height="1px" /> <titlestyle backcolor="#003399" bordercolor="#3366CC" borderwidth="1px"> Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" /> </titlestyle></asp:calendar> </td> </tr> <tr> <td colspan="6"> <table class="style1" style="width: 99%; height: 47px;"> <tr class="BtnStyle"> <td class="GridHeaderStyle" style="width: 9px; height: 13px;"> </td> <td class="GridHeaderStyle" style="width: 30px; height: 13px;"> Type</td> <td class="GridHeaderStyle" style="width: 7px; height: 13px;"> </td> <td class="GridHeaderStyle" style="width: 7px; height: 13px;"> Account</td> <td class="GridHeaderStyle" style="width: 7px; height: 13px;"> </td> <td class="GridHeaderStyle" style="width: 7px; height: 13px;"> Date</td> <td class="GridHeaderStyle" style="width: 4px; height: 13px;"> </td> <td class="GridHeaderStyle" style="width: 4px; height: 13px;"> </td> <td class="GridHeaderStyle" style="width: 4px; height: 13px;"> Amount</td> <td class="GridHeaderStyle" style="width: 2px; height: 13px;"> </td> <td class="GridHeaderStyle" style="width: 2px; height: 13px;"> </td> <td class="GridHeaderStyle" style="height: 13px"> Remarks</td> <td class="GridHeaderStyle" style="height: 13px; width: 5px;"> <asp:button id="BtnAdd" runat="server" text="Add" cssclass="BtnStyle"> Width="56px" ValidationGroup="Add"/> </asp:button></td> </tr> <td style="width: 9px"> <asp:requiredfieldvalidator id="RFV_trxstype" runat="server"> ControlToValidate="CmbType" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Type" Font-Size="Smaller" ValidationGroup="add"></asp:requiredfieldvalidator> </td> <td style="width: 30px"> <asp:dropdownlist id="CmbType" runat="server" cssclass="CmbStyle"> AutoPostBack="True" Height="16px" Width="247px"><asp:listitem text="----- Select -----" value=""></asp:listitem></asp:dropdownlist> </td> <td style="width: 7px"> <asp:requiredfieldvalidator id="RFV_trxaccount" runat="server"> ControlToValidate="Txtptyacc" Display="Dynamic" ErrorMessage="*" ToolTip="Please Enter Account#" Font-Size="Smaller" ValidationGroup="add"></asp:requiredfieldvalidator> </td> <td style="width: 55px"> <asp:textbox id="Txtptyacc" runat="server" cssclass="TxtStyle" width="154px"> AutoCompleteType="Disabled" Enabled="False" Height="16px"></asp:textbox> </td> <td style="width: 7px"> <asp:rangevalidator id="RV_TxtDdate" runat="server"> ControlToValidate="TxtDdate" CssClass="LblStyle" ErrorMessage="*" MaximumValue="new DateTime(2010, 01, 01).ToString("dd/MM/yyyy")" MinimumValue="DateTime.Now.ToString("dd/MM/yyyy")" SetFocusOnError="True" ToolTip="Please enter proper date dd/mm/yyyy" ValidationGroup="add"></asp:rangevalidator> </td> <td style="width: 7px"> <asp:textbox id="TxtDdate" runat="server" cssclass="TxtStyle" width="161px"> Height="16px"></asp:textbox> </td> <td style="width: 4px"> <asp:button id="Button3" runat="server" cssclass="BtnStyle" text="..."> Width="20px" /> </asp:button></td> <td style="width: 4px"> <asp:rangevalidator id="RV_TxtAmount" runat="server"> ControlToValidate="Txtamount" CssClass="LblStyle" ErrorMessage="*" MaximumValue="-10000" MinimumValue="10000" SetFocusOnError="True" ValidationGroup="add"></asp:rangevalidator> </td> <td style="width: 4px"> <asp:textbox id="Txtamount" runat="server" cssclass="TxtStyle" width="132px"> Height="16px"></asp:textbox> </td> <td style="width: 2px"> <asp:requiredfieldvalidator id="RFV_trxRemarks" runat="server"> ControlToValidate="Txtremarks" ErrorMessage="*" ToolTip="Please Enter Remarks" Font-Size="Smaller" ValidationGroup="add"></asp:requiredfieldvalidator> </td> <td> <asp:textbox id="Txtremarks" runat="server" cssclass="TxtStyle" height="17px"> Width="169px"></asp:textbox> </td> </table></td> </tr> <tr> <td style="width: 9px"> </td> <td style="width: 30px"> </td> <td style="width: 7px"> </td> <td style="width: 55px"> </td> <td style="width: 7px"> </td> <td style="width: 7px"> <asp:calendar id="Calendar2" runat="server" backcolor="White"> BorderColor="#3366CC" BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399" Height="89px" Visible="False" Width="159px"> <selecteddaystyle backcolor="#009999" font-bold="True" forecolor="#CCFF99" /> <selectorstyle backcolor="#99CCCC" forecolor="#336666" /> <weekenddaystyle backcolor="#CCCCFF" /> <todaydaystyle backcolor="#99CCCC" forecolor="White" /> <othermonthdaystyle forecolor="#999999" /> <nextprevstyle font-size="8pt" forecolor="#CCCCFF" /> <dayheaderstyle backcolor="#99CCCC" forecolor="#336666" height="1px" /> <titlestyle backcolor="#003399" bordercolor="#3366CC" borderwidth="1px"> Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" /> </titlestyle></asp:calendar> </td> <td style="width: 4px"> </td> <td style="width: 4px"> </td> <td style="width: 4px"> </td> <td style="width: 2px"> </td> <td style="width: 2px"> </td> <td> </td> </tr> </table> <td> </td> <tr> <td class="GridHeaderStyle" colspan="6"> <asp:gridview id="GridView1" runat="server" width="99%"> CssClass="GridAlternatingRowStyle" Height="45px" HorizontalAlign="Left" ShowFooter="True"> <columns> <asp:boundfield headertext="Trasaction Type" datafield="ACTDESCR"> SortExpression="Trasaction Type"/> <asp:boundfield headertext="Account No" datafield="ACT_NUMST"> SortExpression="Account No"/> <asp:boundfield headertext="Inv.Date" datafield="Ddate" /> <asp:boundfield datafield="CRDTAMT" headertext="Amount"> SortExpression="Amount" /> <asp:boundfield headertext="Remarks" datafield="Remarks" sortexpression="Remarks" /> <asp:commandfield showdeletebutton="True" /> </asp:boundfield></asp:boundfield></asp:boundfield></columns> </asp:gridview> </td> <td class="GridHeaderStyle"> </td> </tr> <tr> <td colspan="6"> </td> <td> </td> </tr> <tr> <td colspan="6"> </td> <td> </td> </tr> <tr> <td colspan="6"> <table class="style1" style="width: 96%"> <tr> <td style="width: 1058px"> </td> <td style="width: 2263px"> </td> <td style="width: 43px"> <asp:button id="Button1" runat="server" cssclass="CmbStyle" forecolor="#3399FF"> Text="Home" Width="67px" CausesValidation="False" /> </asp:button></td> <td> <asp:button id="btnlogout" runat="server" text="Logout" cssclass="CmbStyle"> ForeColor="#3399FF" CausesValidation="False" /> </asp:button></td> </tr> </table> </td> <td> </td> </tr> <p> </p> </asp:content>
这篇关于当我使用日历控件时,我的表格对齐原因问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文