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 .

Read more

How to install Ajax ?

• Firstly we have to download the Ajax toolkit from the below given link
• Click to Download Ajax
• It will be zip file and extract it to your desire folder.
• Then start the visual stdio and open the website in which you want to use Ajax.

         Or  Create a  new website by click on File >>New>>website.

          This will open new web        

 1.     Open Toolbar or press ctrl+alt+X.
 2.     Then add right click on toolbar and click on  “New Tab”.

 3.  Then give it name “Ajax control toolkit” or anything that you want.

 4.  Right click on that tab and select “choose Items”

 5.     Then a new window will open.
 6.     Select Browse and  open the folder where you have extracted the downloaded   file. 

         It will look like

7.     Keep in mind “.NET FRAMEWORKS COMPONENT” tab must be selected.

8.     Select the  AjaxControlToolkit.dll (as shown above) file and select ok and then again ok.

  Notice : Now Please click on the below or right hand side Adds (image or text).

                                          Now you have successfully installed the Ajax.

                  If you want to learn how to use the Ajax , keep in touch with our Blogs(http://bedotnetdeveloper.blogspot.in).

Read more

what is Ajax ?

 AJAX Toolkit is a set of extensions to ASP.NET developed by MS for implementing Ajax functionality. It is released under the Microsoft Public License .
   

      * Microsoft Now Launched Ajax Library 4.0, which supports Data Driven Web Applications.

Browser supporting Ajax  :-

 ASP.NET AJAX runs on the following browser:

   Notice : Now Please click on the below or right hand side Adds (image or text).

•   Microsoft Internet Explorer 
•   Mozilla Firefox
•   Opera 
•   Apple Safari 
•   Google Chrome
•   etc.

Read more