How to Add Telerik Controls to SharePoint

If you’re building custom application pages within MOSS and need some guidance on how to build your pages using Telerik controls, I’ve outlined some steps to get you started.

  1. Create a new folder within the
    1
    
    c:Program FilesCommon FilesMicrosoft Sharedweb server extensions12TEMPLATELAYOUTS

    directory to store your custom application pages. For example:

    1
    
    c:Program FilesCommon FilesMicrosoft Sharedweb server extensions12TEMPLATELAYOUTSCustomPages

    Download Files

  2. Create a new aspx page and use the attached code as a starting point. Let’s name it Demo.aspx. The trick to creating this page was to use the td styles defined by SharePoint to accomplish the same look and feel as the rest of the layouts pages within the application. We will see how this works in the next few steps. The attached zip folder contains two files: Demo.aspx and DemoFinal.aspx. The only difference between these two files is that DemoFinal.aspx contains assembly registrations for the telerik controls, and replaces the standard asp:TextBox control with the Telerik RadDatePicker control.
  3. In order to add breadcrumbs to your new custom application page, you’ll have to add an entry to the layouts.sitemap file located in the inetpub folder
    1
    
    C:InetpubwwwrootwssVirtualDirectories80_app_bin

    as outlined in Jan’s blog

    1
    
    <siteMapNode title="Demo" url="/_layouts/snc/Demo.aspx"/>
  4. The next step is to add a safe control entry for the rad calendar control. One thing to note is that the radcalendar control also utilizes the radinput control, but we only need to add radcalendar.net2.dll as a safe control entry even though both will reside in the gac.
    1
    
    <SafeControl Assembly="RadCalendar.Net2, Version=2.2.1.0, Culture=neutral, PublicKeyToken=a1432cd341173140" Namespace="Telerik.WebControls" TypeName="*" Safe="True" />
  5. Install radcalendar.net2.dll to the gac
  6. Install radinput.net2.dll to the gac
  7. If you plan on skinning your control, you have to add the RadControlsCalendarSkins to the web app root. An example of the web app root would be
    1
    
    c:InetpubwwwrootwssVirtualDirectories80.

    In order to track this down, within IIS manager, right click on the web site properties and click on Home Directory. That should tell you where your website root is located. Copy the files to this location.

    The hierarchy should look similar to the screenshot below:

  8. You can now apply the skin in your control by editing the skin property as follows:
  9. You can review what your final version should look like by comparing it to the file attached to this post.

,

3 Responses to “How to Add Telerik Controls to SharePoint”

  1. Bharath September 21, 2011 at 1:40 am #

    It is very useful for me. can you pls explain more
    how to build pages using Telerik controls, . Create a new aspx page and use the attached … With in Sharepoint2010

  2. amir mohammadzadeh January 27, 2013 at 10:32 pm #

    where can I download telerik sharepoint 2010
    plz helpme

  3. shereen January 28, 2013 at 8:44 pm #

    Hi Amir,

    Is it not on the Telerik site?

Leave a Reply