Click here to Skip to main content
15,887,898 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I downloaded the .NET 3.5 AJAX Control Kit. I added what is needed to get the calendar to pop up when a text box gets focus, but the calendar grid is way too big...it doesn't fully display within the rectangle of the calendar. Has anyone encountered this and figured out how to fix it?

Tim
Posted

there is control of calender extender in toolkit and size is not too big.
for this also add first advance toolkit script manager. before using any control on the page.
ASP.NET
<ajaxtoolkit:calendarextender id="CalendarExtender" runat="server" targetcontrolid="TextBox1" xmlns:ajaxtoolkit="#unknown" />
 
Share this answer
 
Comments
TimWallace 13-Dec-11 13:58pm    
Thank you for your reply. However, I must not have been clear in my initial post. I already have all of the code in place and a calendar is displayed when my text box gets focus. However, the columns for the 7 days of the week are so wide that only the Sunday and part of the Monday column is displayed. I'm trying to figure out how to get the day columns sized to fit within the calendar's outer rectangle.
Hope this helps

XML
<table>
<td><tr> 
<asp:TextBox ID="txtDate"  ReadOnly ="true" runat="server" ></asp:TextBox>
           <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl ="~/Images/Calendar_scheduleHS.png" />
           <AjaxToolkit:CalendarExtender ID="CalendarExtender1" OnClientDateSelectionChanged ="checkDate" TargetControlID ="txtDate" PopupButtonID ="ImageButton1" runat="server">
           </AjaxToolkit:CalendarExtender>
           </td></tr> </table>
 
Share this answer
 
Comments
TimWallace 13-Dec-11 13:58pm    
Thank you for your reply. However, I must not have been clear in my initial post. I already have all of the code in place and a calendar is displayed when my text box gets focus. However, the columns for the 7 days of the week are so wide that only the Sunday and part of the Monday column is displayed. I'm trying to figure out how to get the day columns sized to fit within the calendar's outer rectangle.
UPDATE: I discovered that the problem has something to do with the CSS for the page on which it is placed. When I comment out the CSS that is defined for tables in the class of the DIV in which the extender, the calendar displays properly. Unfortunately, CSS is my weakness. I've tried creating CSS that will allow the calendar to display properly even with my class' definition, but not luck. Any help out there?
 
Share this answer
 
Comments
saxenaabhi6 13-Dec-11 22:36pm    
use jquery ui calendar/datepicker they are awsome.
TimWallace 14-Dec-11 1:42am    
I checked out the JQuery controls and I was quickly able to get that up and running. Thanks for making me take my focus off of the approach that wasn't working.
Hi,

For your ajax calender control problem use this version ajax toolkit:

3.0.30930.0

it is fine work.
 
Share this answer
 

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