SharePoint Fun

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 Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS

   directory to store your custom application pages. For example:

   1	c:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\CustomPages

   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:\Inetpub\wwwroot\wss\VirtualDirectories\80\_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 RadControls\Calendar\Skins to the web app root. An example of the web app root would be

   1	c:\Inetpub\wwwroot\wss\VirtualDirectories\80.

   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.