NET351
Leveraging Telerik Web Controls In Your
Custom SharePoint Solutions

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
About Me
• SharePoint architect and developer at Black Ninja Software
• Blog about SharePoint and .NET @ http://blog.qumsieh.ca
• Passionate about the user interface and end user
experience
• Article contributor on SSWUG and Simple Talk
• Slides available http://www.slideshare.net/shereenqumsieh

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Agenda
• Types of SharePoint customizations
• What are the Telerik Web Controls all about
• How do they integrate into SharePoint
• RadEdit Lite for SharePoint
• And finally, a demo to see it all in action

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
SharePoint Customizations
• Why would you need to customize the New, Edit and Disp
forms?
• How do you customize the New, Edit and Disp forms?

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Standard ASP.NET Controls
• Biggest drawback is their OOB limitations
• No styles
• Where’s the support?

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Telerik AJAX Controls
• Feature rich and built on top of ASP.NET
• Effortless integration, excellent performance
• Make your solutions look good, tons of themes to choose
from, lots of features to make development a bit easier
• Cross-browser support and visual appeal
• Lots of help from the community

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
What Do You Need To Get Started
• A version of the controls, trail or licensed
• ASP.NET AJAX installed
• SharePoint installation configured for ASP.NET AJAX
• Telerik controls installed and configured
• RadEdit Lite installed and deployed

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Demo
• Configure your server before beginning any development
 Download the ASP.NET AJAX Extensions v1.0 and install
 Follow the Telerik instructions for configuring your WSS web.config
for SharePoint
 Install the Telerik controls
 Follow the Telerik instructions for deploying those controls
 Install SharePoint Designer

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Demo
• Swap out the default SharePoint menu with the RadMenu
control
• Add some rich text editing to your custom solution using
RadEditor Lite

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Demo
• Create a new custom list called Projects
• Create three custom New, Edit and Disp forms for the
Projects list
• Wire up the new forms to the Projects list
• Add breadcrumbs to your pages
• Populate with data
• Create an Issues list
• Wire up the grid

NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Summary
• It doesn’t take a lot of effort to make your pages shine