[How Do I:] Configure the ASP.NET AJAX Calendar Control?

Please install Silverlight or click download to watch video locally.

In this video we see a demonstration of the variety of options available to configure the appearance and the behavior of the Calendar extender control from the ASP.NET AJAX Control Toolkit.

Presented by Joe Stagner

Duration: 8 minutes, 56 seconds

Date: 30 March 2007

Watch    Video   |   Download    Video   |   VB Code    C# Code

Video downloads: WMV  |  Zune  |  iPod  |  PSP  |  MPEG-4  |  3GP

Audio downloads: AAC  |  WMA  |  MPEG-4  |  MPEG-3  |  MPEG-2

Comments : 32

Leave a Comment

tonvanr : On May 29, 2008 11:04 AM said:

Very nice, but how can I use this in a custom server control. I can use the CreateChildControls procedure to create imagebutton and textbox, but can't add the calendar extender. Any one can ?

thanx

ton

cojeda : On May 30, 2008 4:08 PM said:

Very nice video, very nice control. How can we control the language to display the date.I need it to be displayed in spanish.

Please, if anyone can help me with this, I'm quite new as a programmer... have a lot to learn yet.

Thanks alot...

Camilo

csyhz : On June 11, 2008 6:33 PM said:

Very nice video.  How can I customize the calendar so that any date before today will gray out (become not selectable)?  Thanks a lot!

kassuns : On June 12, 2008 2:26 AM said:

it's very nice, can any tell me hw to download ASP.NET AJAX Control Toolkit.

Blank : On June 15, 2008 10:25 AM said:

cojeda:

type in this in you scriptmanager:

EnableScriptGlobalization="True"

kassuns:

take a look at this page and video:

www.asp.net/.../video-76.aspx

mdasraful.islam : On June 15, 2008 11:19 PM said:

nice video.helpful .Thankx

saket.saurabh : On July 28, 2008 8:47 AM said:

thanx for the video..........

but the buttons or textbox which i am using in my project ,are coming above the calender when image utton is clicked......

so help me so that the whole calander may appear.......

hear i am giving a example of code which i am using....

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">www.w3.org/.../xhtml11.dtd">

">www.w3.org/.../xhtml">

   Untitled Page

   

       

       

           

               

                     

                   

           </ajaxToolkit:CalendarExtender>

                   &nbsp;

                    <asp:ImageButton ID="ImageButton1" runat="server" Style="z-index: 102; left: 157px;

                       position: absolute; top: 83px" />

                  </ContentTemplate>

           </asp:UpdatePanel>

           &nbsp;

           <asp:Button ID="Button1" runat="server" Text="Button" style="z-index: 100; left: 137px; position: absolute; top: 233px" />

           &nbsp;

       </div>

   </form>

</body>

</html>

vishnuvvn : On July 30, 2008 3:31 PM said:

PopupPosition="TopLeft" change this.. hopefully it will help..

junkie.brit : On July 31, 2008 5:42 AM said:

It's good one, very informative,

but now im in a situation where in i need a calender control to use it for a CGI application as well as with the integrated asp.net application,

so is there a way i can use this, if so can u brief me lil bit about it

Thanks Lots

nguyenngocviet : On July 31, 2008 9:55 PM said:

How can I localize for the control? Please help me.

Thank alot!

blumonde : On August 06, 2008 3:56 AM said:

Great video! How do we make the calendar to hightligh the current date when starting it up? The regular .net calendar control does it but not this ajax calendar. It is beyond my comprehension why they didn't make it the same with ajax calendar.

Does anyone know how this can be done?

cv_vikram : On August 06, 2008 2:47 PM said:

Very good tutorial.....thanks

adeninSK : On August 07, 2008 3:47 AM said:

hello,

after I used ajax control (this), my application

slowed down hardly. (19sec load time)

Can anybody pls give me any advice?

(I am using windows 2003 server - IIS6)

thanks

RealHeart25 : On September 17, 2008 12:42 PM said:

please can any one help me with how to make some of the Ajax calendar cells disabled or not selectable

Thums : On September 18, 2008 8:01 AM said:

I "agree" with RealHeart25.

This calendar will only be very usefull if I can set selectable and non selectable dates....

Anyone found a methode?

kalidas2 : On October 17, 2008 3:30 PM said:

Very easy and useful tips

spolarium7 : On November 06, 2008 2:37 AM said:

Where can I see the sample CSS for this video? I want to get the css classes that this control uses.

victortumbel : On November 06, 2008 9:09 PM said:

thanks.

www.sansinosoftware.com

athionville : On December 03, 2008 8:52 AM said:

Hi,

Since I this extender and the popupcontrol extender, my application is slowing down hardly too (40 sec load time).

I think it is a big issue if the performance are slowing down so much when using AJAX TOOLKIT. The speed to load the page the first time a visitor is coming on the web site is very important.

Do someone has a solution to this issue?

Thanks.

Rene Kr : On December 09, 2008 2:00 AM said:

Hello,

I used the Calendar Extender on a Search Bar with an Textbox as TargetID and a Image that explains the Calendar ,and i need a Event that i have after a Selected Date !

I can't found an Event that give me this what i need.

When i used the Textbox Changed Event ,i must set the Focus in the Textbox und press Enter after the Date is Selected .

this is not good for the Userhandling.

Can anyone help me please ?

Many thanks

mohanbabhu : On December 16, 2008 1:56 AM said:

Hi

I have downloaded your calender code in vb and runned it in that the first text box focus automatically in calender and after choosing date also it does not hide.

And when I press tab button it does not focus image...

So i am clicking it manually...

Is it image or image button...

If I use Image button the page post back is gone...

I am using Visual studio 2005 and ASP.NET 2.0

and AJAX TOOL KIT 1.0.10123.0

Help me to solve the problem...

And also Calender should not allow to select the previous date....

Regards,

Babu

ajingar : On December 27, 2008 1:45 PM said:

Hello There,

I'm new to this forum, so Hi. I tried the Ajax Calendar control, and it works a treat.

However, I have got lots of Textbox controls and/or Labels quite close together, so when the Calendar 'pops' up, it show the Textboxes/Labels as well as the Calendar control, hence the other controls obscure the Calendar control. I've tried playing with the various 'PopupPosition' properties, but is there any way of ensure that the Calendar pops up without showing the other controls behind it?

Any help/advice will be appreciated.

Kind Regards,

Ashok (UK)

kuniyo : On December 30, 2008 11:59 AM said:

Hi,I have problem is that when run in the web the value is in the textbox when i wanna pass to another page its show me error message. Nullexception. when i stepin the textbox is empty value. how to add the date into the textbox ?

kuniyo : On December 30, 2008 11:59 AM said:

Hi,I have problem is that when run in the web the value is in the textbox when i wanna pass to another page its show me error message. Nullexception. when i stepin the textbox is empty value. how to add the date into the textbox ?

royabash : On January 12, 2009 9:08 PM said:

Hi Joe,

Very useful tutorial many thanks

can you please advice me how to connect calendar to database to get informaion about that chosen date?

thanks in advance

royabash : On January 14, 2009 10:24 PM said:

hello Dears

Can anyone help me please to connect calendar to database in asp.net to get the data by selecting the calendar date

djibril_chimere_DIAW : On January 23, 2009 9:43 AM said:

Thanks ! Jërëjëf!

kdj : On February 04, 2009 12:46 PM said:

Three things:

One, I am getting errors because of server tags in the head.

(ie var txtBox = document.getElemetById("<%= txtBox.ClientID %>")). Is there anyway getting around this without rewriting and the js in the site.

Two, the site builds and runs fine but the Design pane (VS2008) shows "Error Creating Controls". It is not really a problem I just do not like looking at it.

Three, Not that these aren't a really good and useful set of controls but most of these are not what would be considered "AJAX". I really like and plan to use these controls but I think it might further confuse people about what AJAX is, since most of these controls do not make calls to the server, they are just controls that use the ScriptManager. So I am propose that we find a more suitable name for this Control Tool Kit.

gljivar : On March 03, 2009 9:57 PM said:

Cool!!

This doesn't work in Opera!

Great job.

charlis23 : On March 31, 2009 3:26 PM said:

nice video!!..

But I need to know what is the format to put the SelectedDate because i, because I try with some format but it not work..

and I need to Know how can i put de calendar on top, i mean under the text box i have with the calendar, i have another text but, and when i displayed the calendar is not on top, appears back and the texbox appear on the front..

thank for the help..

kdamn : On May 15, 2009 8:37 AM said:

First: I like your videos.

Second: Have anyone tried and experienced problem when using the controls with "System.Web.Extensions Version=3.5" and IE8? Joes examples work in IE8 but it looks like you use "System.Web.Extensions Version=1.0". Example: In the calender the actions of back and forward images is not working so you end up like you have clicked on the month name or the year (depending on where you are).

I have also problem with positioning in AutoCompleteExtender and DropDownExtender.

I have tried the example code with version3.5 in a number of different environments but get the same errors every time. Any suggestions?

jaics262 : On July 31, 2009 7:22 AM said:

After postback styles are removed.I can't Apply Styles for calendar Extendar

Leave a Comment

You must be logged in to leave a comment. Click here to log in.

Microsoft Communities