Calendar Extender doesn't appear in correct style [Long Post]

Question

3.00/5 (2 votes)

See more:

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

XML

<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.

Posted 3-Apr-11 1:48am

SerpentKiss2010

Updated 3-Apr-11 2:16am

Keith Barrow

v2

Add a Solution

Comments

Keith Barrow 3-Apr-11 8:18am

Your post is too long, no one will plough through all that markup. Please just extract the relevant parts.

SerpentKiss2010 4-Apr-11 5:44am

with all my respect, i don't want you to read this, just copy and paste the all tags is correct but i want you to see the calendar when appear

Keith Barrow 4-Apr-11 6:21am

That isn't the way to get an answer here, I suggest you try rentacoder.com. There are a few staff here (say 10 or so) the other 7.7 million members (like me) are volunteers.

Ali Al Omairi(Abu AlHassan) 3-Apr-11 14:04pm

i am not going to read this!!.

SerpentKiss2010 4-Apr-11 5:44am

with all my respect, i don't want you to read this, just copy and paste the all tags is correct but i want you to see the calendar when appear

Ali Al Omairi(Abu AlHassan) 4-Apr-11 5:54am

... , shall i open a new project, then..?

look at the defintion of .Style1 in the .css file. which i cant see.

Keith Barrow 4-Apr-11 6:21am

My advice: give up now!

Ali Al Omairi(Abu AlHassan) 4-Apr-11 6:54am

Sir;they say: 'a soldier doesn't drop his weapons'

but you know what, i am not a soldier.I'll take your advice, sir.

100 <IMG alt="Rose | [Rose]" align=top src="/script/Forums/Images/rose.gif">

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)