Telerik currently offers a full suite of powerful UI controls which seamlessly integrate into SharePoint and help developers build feature rich and highly responsive user interfaces for MOSS and WSS. In addition to their standard suite, Telerik offers a free version of the built in rich text editor that is cross browser compatible and offers support for the macintosh platform. This session will walk you through the steps for building SharePoint Web Parts and Custom Application Pages with specific code examples that leverage Telerik to provide a richer end user experience. We'll cover a specific subset of the Telerik Web Controls including: RadGrid, RadComboBox, RadAjax and RadCalendar and I'll also demonstrate briefly how to setup the Telerik RadEditor for SharePoint.
2. 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
3. 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
4. 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?
5. 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?
6. 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
7. 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
8. 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
9. 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
10. 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
11. NET351 – Leveraging Telerik Web Controls In Your Custom SharePoint Solutions
Summary
• It doesn’t take a lot of effort to make your pages shine