3 Different ways to add AjaxControlToolkit in Asp .Net Website.

 In this step by step article we will see how to add AjaxControlToolkit into our asp .net project. Ajax Control toolkit provide us various useful controls and extenders. In this article we will see how to install AjaxControlkit in our project using following techniques:

1. Using Nuget Packages.
2. Using Nuget Package Manager Console.
3. Manually installation of AjaxControlToolkit.
 
Method1: Using Nuget Packages.

Step1: Create a new project or you can use your existing project. Using Top menu in visual studio click on website=>Manage Nuget Packages.

How-To-Add-Install-AjaxControlToolkit-In-Asp-Net
Step2: You will see a popup window like displayed below. Search for Ajax Control Toolkit from the search box located at to right hand side of the popup window. When you see Ajax Control toolkit in the search results just click on Install button. This will automatically installs Ajax Control Toolkit for your project with all necessary files and changes required in the Web.Config file.

How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Result: You can see it has updated your web.config file and registered Ajax Control Toolkit into your project. Now you are ready to use Ajax Control Toolkit controls within your project.
 
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Method 2: Using Package Manager Console.
 
This method will also use Nuget packages to install Ajax Control Toolkit for you. But it will use command line like tool to install Ajax Control Toolkit. 
Step1: Create a new project or you can use your existing project. Using Top menu in visual studio click on Tools=>Library Package Manager=> Package Manager Console.
 
 How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Step2: You will see a new window will open at bottom of Gridview. Type a code "Install-Package AjaxControlToolkit" and hit enter. This will automatically installs Ajax Control Toolkit for your project with all necessary files and changes required in the Web.Config file.
 
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Step3: You can see installation progress.
 
 How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Method3:  Manually installation of AjaxControlToolkit.

Step1: Go to http://ajaxcontroltoolkit.codeplex.com/.
Step2: Download Ajax control toolkit.

How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Step3: After downloading you will get a zipped folder containing Ajax Control Toolkit dll file and sample Ajax Controltoolkit website.
 
 
Step4: After Extracting the zip folder we will see a folder with following file structure. All we need is just AjaxControlToolkit.dll.
 
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Step5: Create a new project or you can use your existing project. Using Top menu in visual studio click on Website=>Add Reference.
 
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Step6: A new popup window will appear. Browse the downloaded unzipped folder using Look In dropdown. Select  AjaxControlToolkit.dll and press ok. 
 
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
 
Step7: AjaxControlToolkit.dll is added to your project's bin folder.
 
Step8: To use AjaxControlToolkit's control you need to modify your web.config file. Add these lines of code between <system.web> </system.web> tags. 
                            
Now you are ready to use Ajax Control Toolkit's controls in your project. 
 
Step9: Sample use.
 
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
Thanks
Anuj Koundal
How-to-add-install-AjaxControlTookit-in-asp-net-website
 
About Us | Terms of Use | Privacy Policy | Disclaimer | Contact Us Copyright © 2012-2024 CodingFusion
50+ C# Programs for beginners to practice