本文介绍了Calendar Extender的显示样式不正确[Long Post]的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在Modal Popup中创建了一个注册模型,我需要用户的生日.我在(txtBirthday)旁边创建了一个文本框(txtBirthday)和一个图像(imgCalendar),CSS具有日历样式,
我的问题是,日历在(Default.aspx)之类的任何文件上都以正确的样式显示,但是,当我在模式弹出"(注册"面板)中使用日历时,日历的显示样式不正确.

另一件事,我想在关闭注册面板时清除文本框的所有数据,所以我使用了重置表单的(功能ClearAllData),但是当我单击任何按钮时,即使验证错误,关闭后这些数据仍会保留在表单中然后重新打开.

谢谢您的帮助........谢谢


I made a registration model in Modal Popup and I need the user''s Birthday. I created a Textbox (txtBirthday) and an Image (imgCalendar) beside (txtBirthday) and CSS have style of calendar ,
My Issue is, the calendar appears in correct style on any file like (Default.aspx) but, when i use it in Modal Popup (Registration panel) calendar doesn''t appear in a correct style.

Another thing, I want to clear all data of textboxes when I close a registration panel, so I used the (function ClearAllData) that reset form, but when I click on any button even if validation error, the data still in form after close it and reopen.

Thank You for Help ........Thank


<link href="Themes/Style/Calendar.css" rel="Stylesheet" type="text/css" />

    <!--JS Files -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>

<script type="text/javascript">
    $(document).ready(function () {

        //top menu
        $(".topMenuAction").click(function () {
            if ($("#openCloseIdentifier").is(":hidden")) {
                $("#slider").animate({
                    marginTop: "-38px"
                }, 500);
                $("#topMenuImage").html('<img src="images/open.png"/>');
                $("#openCloseIdentifier").show();
            } else {
                $("#slider").animate({
                    marginTop: "0px"
                }, 500);
                $("#topMenuImage").html('<img src="images/close.png"/>');
                $("#openCloseIdentifier").hide();
            }
        });

        //slider ads
        $('#adv_images').cycle({
            fx: 'scrollDown',
            speedIn: 2000,
            speedOut: 500,
            easeIn: 'bounceout',
            easeOut: 'backin',
            delay: -1000

        });

    });

    function ClearAllData() {
        //document.getElementById('btnClearData').click();
        form1.reset();
        //document.form1.[txtFName]="";
        //alert('Client side click');
    }

</script>

</head>
<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="MasterScriptManager" runat="server">

    </asp:ScriptManager>

    <Ajax:ModalPopupExtender ID="RegModalPopup" runat="server"

    BehaviorID="mdlPopupReg"

    PopupControlID="pnlRegistration"

    TargetControlID="btnSignupMaster"

    BackgroundCssClass="modalBackground"

    DropShadow="true" oninit="RegModalPopup_Init">
    </Ajax:ModalPopupExtender>

    <!-- Registration Panel -->

       <asp:Panel ID="pnlRegistration" runat="server" Width="750"

        DefaultButton="btnCreateAccount"   >

           <div class="popup_Container">
               <div class= "PopupTitlebar">
                    <div class="TitlebarLeft"

                        style="font-family: Verdana; color: #FFFFFF; font-size: small; font-weight: bold;">
                     Registration
                    </div>

                    <div class="TitlebarRight" onclick="ClearAllData(); $find('mdlPopupReg').hide(); return false;" >

                    </div>
               </div>

        <!-- Controls of Registration Form -->
        <div class="demo">

       <asp:UpdatePanel ID="SignupUpdatePanel" runat="server">
    <ContentTemplate>

        <table id="tblRegST" class="style1" dir="ltr" style="width: auto; height: auto">
            <tr>
                <td class="style52">
                    <asp:Label ID="Label1" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Full Name:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtFName" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="20px"

                        MaxLength="30" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="FNameRequired" runat="server"

                        ControlToValidate="txtFName" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    <asp:RegularExpressionValidator ID="FNameRegularExpression" runat="server"

                        ControlToValidate="txtFName" ErrorMessage="(3-30) letters, and spaces only are allowed"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="Red"

                        ValidationExpression="[A-Za-z]{3}([A-Za-z]+ ?)*"

                        ValidationGroup="RegistrationGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label3" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Nick Name:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtUserID" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="20px"

                        MaxLength="30" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="UserIDRequired" runat="server"

                        ControlToValidate="txtUserID" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    <asp:RegularExpressionValidator ID="UserIdRegularExpression" runat="server"

                        ControlToValidate="txtUserID"

                        ErrorMessage="Your ID must begin with a letter, (2-30) letters and numbers are allowed"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="Red"

                        ValidationExpression="^[a-zA-Z]((?=[^\.]*\.?[^\.]*)(?=[^_]*_?[^_]*)(?=[^@]*@?[^@]*)[a-zA-Z0-9]{1,30})$"

                        ValidationGroup="RegistrationGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="style52" align="left" valign="middle">
                    <asp:Label ID="Label4" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="E-Mail:"></asp:Label>
                </td>
                <td class="style1" align="left" valign="middle">
                    <asp:UpdatePanel ID="EmailUpdatePanel" runat="server">
                        <ContentTemplate>
                            <asp:TextBox ID="txtEmail" runat="server" AutoPostBack="True" Font-Bold="False"

                                Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="20px"

                                MaxLength="256" ontextchanged="txtEmail_TextChanged"

                                ValidationGroup="EmailValidationGroup" Width="296px"></asp:TextBox>
                            <br />
                            <asp:Button ID="btnCheckEmail" runat="server" Font-Names="Verdana"

                                Font-Size="XX-Small" Height="18px" onclick="btnCheckEmail_Click"

                                Text="Check Available" ValidationGroup="EmailValidationGroup" Width="116px" />
                            <asp:Label ID="lblEmailState" runat="server" Font-Names="Verdana"

                                Font-Size="X-Small" ForeColor="#000099" Text="This Email is " Visible="False"></asp:Label>
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="btnCheckEmail" EventName="Click" />
                        </Triggers>
                    </asp:UpdatePanel>
                </td>
                <td class="style1" align="left" valign="middle">
                    <asp:RequiredFieldValidator ID="EmailRequired" runat="server"

                        ControlToValidate="txtEmail" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="EmailValidationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1" align="left" valign="middle">
                    <asp:RegularExpressionValidator ID="EmaiRegularExpression" runat="server"

                        ControlToValidate="txtEmail"

                        ErrorMessage="Your E-Mail Address is not in correct format"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="Red"

                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

                        ValidationGroup="EmailValidationGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label5" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Confirm E-Mail:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtConfirmEmail" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="20px"

                        MaxLength="256" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                    &nbsp;</td>
                <td class="style1">
                    <asp:CompareValidator ID="EmailCompareValidator" runat="server"

                        ControlToCompare="txtEmail" ControlToValidate="txtConfirmEmail"

                        ErrorMessage="The E-Mail Field and Confirm E-Mail dosen't match"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="Red"

                        ValidationGroup="RegistrationGroup"></asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label18" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Birth Date:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtBirthDate" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" Height="18px"

                        MaxLength="15" Width="170px"></asp:TextBox>
                    <Ajax:CalendarExtender ID="txtBirthDate_CalendarExtender" runat="server"

                        CssClass="yui" Enabled="True" PopupButtonID="imgCalendar"

                        TargetControlID="txtBirthDate">
                    </Ajax:CalendarExtender>
                    <asp:Image ID="imgCalendar" runat="server" CssClass="yui"

                        ImageUrl="~/images/popup_images/Calendar_scheduleHS.png"

                        EnableTheming="True" />
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="BirthDateRequired" runat="server"

                        ControlToValidate="txtBirthDate" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                    </td>
                <td class="style1">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label19" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Address:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtAddress" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="18px"

                        MaxLength="100" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="AddressRequired" runat="server"

                        ControlToValidate="txtAddress" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label20" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Phone / Mobile:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtPhone" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" Height="18px"

                        MaxLength="25" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="PhoneRequired" runat="server"

                        ControlToValidate="txtPhone" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label21" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Gender:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:DropDownList ID="lstGender" runat="server" AutoPostBack="True"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" Height="21px"

                        onselectedindexchanged="lstGender_SelectedIndexChanged" Width="170px">
                    </asp:DropDownList>
                    <Ajax:DropDownExtender ID="lstGender_DropDownExtender" runat="server"

                        DropArrowBackColor="Ivory" DynamicServicePath="" Enabled="True"

                        HighlightBackColor="Aqua" HighlightBorderColor="Beige" onclientpopup="True"

                        TargetControlID="lstGender">
                    </Ajax:DropDownExtender>
                </td>
                <td class="style1">
                    <asp:Label ID="lblGender" runat="server" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="#000099" Text="00"></asp:Label>
                </td>
                <td class="style1">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label22" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Country:"></asp:Label>
                </td>
                <td class="style1" rowspan="2">
                    <asp:UpdatePanel ID="CountryUpdatePanel" runat="server">
                        <ContentTemplate>
                            <table class="style55">
                                <tr>
                                    <td class="style58">
                                        <asp:DropDownList ID="lstCountry" runat="server" AutoPostBack="True"

                                            Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" Height="21px"

                                            onselectedindexchanged="lstCountry_SelectedIndexChanged" Width="170px">
                                        </asp:DropDownList>
                                    </td>
                                    <td class="style59">
                                        <asp:Label ID="lblCountry" runat="server" Font-Names="Verdana"

                                            Font-Size="X-Small" ForeColor="#000099" Text="00"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style56">
                                        <asp:DropDownList ID="lstCity" runat="server" AutoPostBack="True"

                                            Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" Height="21px"

                                            ondatabound="lstCity_DataBound"

                                            onselectedindexchanged="lstCity_SelectedIndexChanged" Width="170px">
                                        </asp:DropDownList>
                                    </td>
                                    <td>
                                        <asp:Label ID="lblCity" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                                            ForeColor="#000099" Text="00"></asp:Label>
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
                <td class="style1">
                    &nbsp;</td>
                <td class="style1">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style44">
                    <asp:Label ID="Label23" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="City:"></asp:Label>
                </td>
                <td class="style45">
                    &nbsp;</td>
                <td class="style45">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style46">
                    <asp:Label ID="Label24" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Job:"></asp:Label>
                </td>
                <td class="style57">
                    <asp:TextBox ID="txtJob" runat="server" Font-Bold="False" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="#003300" Height="18px" MaxLength="30"

                        Width="296px"></asp:TextBox>
                </td>
                <td class="style57">
                    </td>
                <td class="style57">
                    </td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label6" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Password:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtPassword" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="20px"

                        MaxLength="30" TextMode="Password" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="PasswordRequired" runat="server"

                        ControlToValidate="txtPassword" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    <asp:RegularExpressionValidator ID="PasswordRegularExpression" runat="server"

                        ControlToValidate="txtPassword"

                        ErrorMessage="Password must have 6 letters at least, (6-30) letters and numbers are allowed"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="Red"

                        ValidationExpression="^((?=[^\.]*\.?[^\.]*)(?=[^_]*_?[^_]*)(?=[^@]*@?[^@]*)[a-zA-Z0-9]{5,30})$"

                        ValidationGroup="RegistrationGroup"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label7" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Confirm Password:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtConfirmPassword" runat="server" Font-Bold="False"

                        Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" height="18px"

                        MaxLength="30" TextMode="Password" Width="296px"></asp:TextBox>
                </td>
                <td class="style1">
                </td>
                <td class="style1">
                    <asp:CompareValidator ID="PasswordCompareValidator" runat="server"

                        ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword"

                        ErrorMessage="The Password Fields dosen't match" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td class="style53">
                    <asp:Label ID="Label9" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                        ForeColor="#000099" Text="Security Question:"></asp:Label>
                </td>
                <td class="style54">
                    <asp:DropDownList ID="lstSecQues" runat="server" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="#003300" Height="21px" Width="296px">
                        <asp:ListItem Value="What is the first name of your favorite uncle?">What is the first name of your favorite uncle?</asp:ListItem>
                        <asp:ListItem Value="Where did you meet your spouse?">Where did you meet your spouse?</asp:ListItem>
                        <asp:ListItem Value="What is your oldest cousin's name?">What is your oldest cousin&#39;s name?</asp:ListItem>
                        <asp:ListItem Value="What is your youngest child's nickname?">What is your youngest child&#39;s nickname?</asp:ListItem>
                        <asp:ListItem Value="What is your oldest child's nickname?">What is your oldest child&#39;s nickname?</asp:ListItem>
                        <asp:ListItem Value="What is the first name of your oldest niece?">What is the first name of your oldest niece?</asp:ListItem>
                        <asp:ListItem Value="What is the first name of your oldest nephew?">What is the first name of your oldest nephew?</asp:ListItem>
                        <asp:ListItem Value="What is the first name of your favorite aunt?">What is the first name of your favorite aunt?</asp:ListItem>
                        <asp:ListItem Value="Where did you spend your honeymoon?">Where did you spend your honeymoon?</asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td class="style54">
                </td>
                <td class="style54">
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label10" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                            ForeColor="#000099" Text="Security Answer:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtSecAns" runat="server" Font-Bold="False"

                            Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" MaxLength="30"

                            Width="296px" height="20px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="SecAnsRequired" runat="server"

                            ControlToValidate="txtSecAns" ErrorMessage="*" Font-Names="Verdana"

                            Font-Size="X-Small" ForeColor="Red"

                        ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    <asp:Label ID="lblUserState" runat="server" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="#000099" Text="This User is " Visible="False"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style52">
                    </td>
                <td class="style1">
                    <asp:UpdatePanel ID="CAPTCHAUpdatePanel" runat="server"

                            UpdateMode="Conditional">
                        <ContentTemplate>
                            <asp:Image ID="imgCAPTCHA" runat="server"

                                ImageUrl="~/Membership/CAPTCHA.aspx" Height="50px" Width="120px" />
                            <br />
                            <asp:Button ID="btnRefresh" runat="server" Font-Names="Verdana"

                                    Font-Size="X-Small" Height="18px" onclick="btnRefresh_Click"

                                    Text="Refresh Image" Width="116px" CausesValidation="False" />
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="btnRefresh" EventName="Click" />
                        </Triggers>
                    </asp:UpdatePanel>
                </td>
                <td class="style1">
                    </td>
                <td class="style1">
                    <input id="btnCancel" type="button" value="Close" style="width: 153px; height: 21px; display: none;" />
                    <asp:Label ID="lblCAPTCHA" runat="server" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="#000099" Text="0000" Visible="False"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style52">
                    <asp:Label ID="Label8" runat="server" Font-Names="Verdana" Font-Size="X-Small"

                            ForeColor="#000099" Text="Enter the Letters Shown in image:"></asp:Label>
                </td>
                <td class="style1">
                    <asp:TextBox ID="txtCAPTCHA" runat="server" Font-Bold="False"

                                    Font-Names="Verdana" Font-Size="X-Small" ForeColor="#003300" Height="18px"

                                    MaxLength="5" Width="140px"></asp:TextBox>
                </td>
                <td class="style1">
                    <asp:RequiredFieldValidator ID="CAPTCHARequired" runat="server"

                        ControlToValidate="txtCAPTCHA" ErrorMessage="*" Font-Names="Verdana"

                        Font-Size="X-Small" ForeColor="Red" ValidationGroup="RegistrationGroup"></asp:RequiredFieldValidator>
                </td>
                <td class="style1">
                    <asp:Button ID="btnCreateAccount" runat="server" Font-Bold="True"

                        Font-Names="Verdana" Font-Size="Small" ForeColor="#003399" Height="26px"

                        onclick="btnCreateAccount_Click" style="margin-left: 39px"

                        Text="Create Account" Width="244px" ValidationGroup="RegistrationGroup" />
                </td>
            </tr>
        </table>

    </ContentTemplate>

           <Triggers>
               <asp:AsyncPostBackTrigger ControlID="btnCreateAccount" EventName="Click" />
           </Triggers>

</asp:UpdatePanel>

        </div>
       <!-- End of Registration Controls -->

        </div>

    </asp:Panel>

    <!-- End of Registration Panel -->

--> CSS Calendar <--



.yui .ajax__calendar_container

{

    background-color:#f2f2f2;

    border:solid 1px #808080;

    font-family:arial,helvetica,clean,sans-serif;

    cursor:default;

    width:205px;

    font-size:12px;

    text-align:center;

    padding:0px;

}



.yui .ajax__calendar_body

{

    height:139px;

    width:205px;

    position:relative;

    overflow:hidden;

}



.yui .ajax__calendar_days, .yui .ajax__calendar_months, .yui .ajax__calendar_years

{

    top:0px;

    left:0px;

    height:139px;

    width:195px;

    padding:5px;

    position:absolute;

    text-align:center;

}



.yui .ajax__calendar_days table

{

    border-spacing:0;

    border-collapse:collapse;

    font:100% sans-serif;

    text-align:center;

}



.yui .ajax__calendar_header

{

    background: url('../../images/popup_images/sprite.png') repeat-x 0 0;

    height: 22px;

    width: 100%;

    font-size: 10pt;

    font-weight: bold;

    text-align: center;

    padding-top: 3px;

}



.yui .ajax__calendar_prev

{

    margin-top: 2px;

    margin-left: 4px;

    height: 15px;

    width: 25px;

    cursor: pointer;

    float: left;

    background: url('../../images/popup_images/sprite.png') 0px -450px no-repeat;

}



.yui .ajax__calendar_next

{

    margin-top:0px;

    margin-right:4px;

    height:15px;

    width:25px;

    cursor:pointer;

    float:right;

    background:url('../../images/popup_images/sprite.png') 0px -500px no-repeat;

}



.yui .ajax__calendar_title

{

    cursor:pointer;

    font-weight:bold;

    text-align:center;

}



.yui .ajax__calendar_footer, .yui .ajax__calendar_today

{

    display:none;

}



.yui .ajax__calendar_dayname

{

    padding-left:3px;

    padding-right:3px;

    margin-bottom:5px;

    margin-left:2px;

    margin-right:2px;

    text-align:center;

    font-weight:700;

    font-size:10pt;

    color:#000;

    border-bottom:solid 1px #a6a6a6;

}



.yui .ajax__calendar_day, .yui .ajax__calendar_month, .yui .ajax__calendar_year

{

    padding:0px;

    color:#000;

    text-align:center;

    padding:0pt 2px;

}



.yui .ajax__calendar_hover .ajax__calendar_day, .yui .ajax__calendar_hover .ajax__calendar_month, .yui .ajax__calendar_hover .ajax__calendar_year, .yui .ajax__calendar_hover .ajax__calendar_title

{

    color:#0066cc;

}



.yui .ajax__calendar_other .ajax__calendar_day, .yui .ajax__calendar_other .ajax__calendar_year

{

    color:#a6a6a6;

}



.yui .ajax__calendar_active .ajax__calendar_day

{

    color:#0066cc;

}


[Edit: Keith Barrow] Fixed Tags, Tidied English up a little, Put long post warning into title.


Fixed Tags, Tidied English up a little, Put long post warning into title.

推荐答案




这篇关于Calendar Extender的显示样式不正确[Long Post]的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-29 11:20