This article explains how to get the Telerik UI for ASP.NET AJAX controls in your project and start using them quickly. The process consists of the following steps:
Once you have your first simple control up and running, take a look at the next steps section to start exploring the control functionality in more detail.
If you are not a customer, you can download a free, fully functional trial and the same options will apply to you as well.
The following article can help you choose the installation type that is most suitable for your needs and preferences: Which File Do I Need to Install.
The easiest way to get the Telerik UI for ASP.NET AJAX controls in your project is to:
Install the Telerik AJAX Visual Studio Extensions. You can easily do this in Visual Studio - go to Tools > Extensions and Updates > search the Online Visual Studio Marketplace for "telerik asp.net ajax vsextensions".
Make sure that you restart VS to allow it to install the extensions.
Reference the controls in your project:
If you prefer full manual control over your project, you can copy the Telerik assemblies to the
~/binand add references to them through the Visual Studio interface. In this case you should also update the web.config. The controls come packaged in several assemblies and to get started, you only need
The final step is to actually use a control on a page and run it in the browser:
Add a ScriptManager control on top of the page in which you are going to add a Telerik control. This is required by any MS AJAX-based control.
<form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager>
Register the Telerik namespace with the project:
To register the namespace on all pages and user controls, add the following to your
<system.web> <pages> <controls> <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" /> </controls> </pages>
If you want the controls available on the current page only, add the following Register directive just below the
<%@ Page %>directive:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
Add a Telerik control to the page, for example, a RadEditor:
<form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadEditor runat="server" ID="RadEditor1" RenderMode="Lightweight"> <Content> Congratulations! You have the Telerik UI for ASP.NET controls running in your project! </Content> </telerik:RadEditor>
- You can also drag a control from the Toolbox. If you do not see the controls in the toolbox, examine the Adding the Telerik Controls to the Visual Studio Toolbox article.
Run the page in the browser by pressing
F5. You should see something like this:
Now that you have the Telerik UI for ASP.NET AJAX controls running in your project, you may want to explore their features, customize their behavior or change their appearance. Below you can find guidance on getting started with such tasks: