Click here to Skip to main content
15,039,244 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more: , +
I am using ajax calendar extender control in my application. Code is as follows,

C#
<asp:TextBox ID="txtDateOfBirth" runat="server" ClientIDMode="Static" onchange="validate(this.id);"></asp:TextBox>
                           <ajax:CalendarExtender ID="CEDateOfBirth"  runat="server" TargetControlID="txtDateOfBirth"
                               Format="MM/dd/yyyy" PopupPosition="BottomRight" SkinID="calebdar" ClientIDMode="Static">
                           </ajax:CalendarExtender>
                           <ajax:TextBoxWatermarkExtender ID="WaterMarkDateOfBirth"  runat="server" TargetControlID="txtDateOfBirth"
                               WatermarkText="Date Of Birth *">
                           </ajax:TextBoxWatermarkExtender>
                           <asp:RequiredFieldValidator ID="rfv_DateOfBirth" runat="server" ControlToValidate="txtDateOfBirth"
                               ForeColor="Red" ValidationGroup="Add"  resourcekey="rfv_DateOfBirth"  ErrorMessage="Please select Date of Birth."
                               ClientIDMode="Static" >*</asp:RequiredFieldValidator>
                           <asp:RegularExpressionValidator ID="re_DateOfBirth" ValidationGroup="Add" runat="server" resourcekey="re_DateOfBirth"
                               ForeColor="Red" ControlToValidate="txtDateOfBirth" ValidationExpression="^([0]\d|[1][0-2])\/([0-2]\d|[3][0-1])\/([2][01]|[1][6-9])\d{2}(\s([0-1]\d|[2][0-3])(\:[0-5]\d){1,2})?$"
                                ClientIDMode="Static" ErrorMessage="Please enter a valid Date of Birth.">*
                           </asp:RegularExpressionValidator>


Calender is working fine in IE. But in chrome the position of calender goes up.

I searched on google and found some solutions like use div and place calendar and textbox inside div. Add style to div.

Also apply height and width to popup of calendar through jquery code.

But it is not working for me.

Please note that it is in dotnetnuke

Any help will be appreciated. :)
Posted
Updated 16-Jul-14 4:09am
v2
Comments
ZurdoDev 16-Jul-14 10:07am
   
Those solutions are the correct way to do it. Perhaps open a jsfiddle and post your code so we can see it.
Sandesh M Patil 16-Jul-14 10:10am
   
i am working in dotnetnuke
ZurdoDev 16-Jul-14 10:13am
   
It will be hard for anyone to help without seeing your code.
Sandesh M Patil 16-Jul-14 10:41am
   
code i already provided

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




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900