Calender using Ajax Tool kit

In previous post we explain some How to add captcha to web form in asp.net , How to Add splash in window form and most popular post How to make an .exe file of window based project with full of screenshot.

In this post we are telling to our Reader about how we can show a Ajax calender on the click of image button.

Firstly we need some material for implementation of this Post as given below.

1) Ajax toolkit installed. (don't know how to install ajax toolkit Click here)


2) Calender image.    
                                                       

3)  A web form that look like below

Step 1. Firstly drag ToolScriptManager from the tab of Toolbox of Ajax that is added recently as 
             
shown below:

Note that when we add ToolScriptManager, A bin named folder automatically added to your website.

Step 2. Now Go to Source  code by click source button on left below side and  drag calenderExtender as given below:

Step 3. Now again go to the design view by clicking design button on left below side and select
calanderExtender and press F4 for properties.

Step 4. There are some properties of calender that we have to changed so that it will work properly as shown below:

Property 1.  PopUpButtonID :-This refer to the control through which Calender will be shown.
Property 2. TargetControlID :-This refer to the control in which selected date will be shown.

In our case we write
                                 PopUpButtonID   = ImageButton1
and                           TargetControlID  = TextBox3

Now Run the project  and see the result......

                                                                                                 
Thanks a lot
           
Notice : Now Please click on the below or right hand side Adds .