Using ASP.NET Web Pages Helpers in ASP.NET MVC

 Introduction:

          ASP.NET MVC 3 includes some helper methods of ASP.NET Web Pages technology that are used for common functionality.

These helper methods includes: Chart, Crypto, WebGrid, WebImage and WebMailFor details of these helper methods, please see ASP.NET MVC 3 Beta Release Notes. However there are some other helper methods present in ASP.NET Web Pages and may also be useful for you like Google Analytic, Bing Search, Twitter Profile, Facebook Like etc.

For details of all ASP.NET Web Pages helper methods, please see ASP.NET API Quick Reference. In this article, I will show you how to use some of these helper methods in ASP.NET MVC. 

 Description:

          Before starting this article, I would like to mention that the technique in this article will also work in ASP.NET MVC 2 and Web Forms but some helpers like Facebook.LikeButton is dependent upon ASP.NET Web Pages due to which some helpers will not work in ASP.NET MVC 2 and Web Forms but work in ASP.NET MVC 3.

So let's create an ASP.NET MVC 3 applicationAfter creating the application, just add a reference of Microsoft.Web.Helpers.dllThis assembly will be found in WebMatrix directory when you install WebMatrix.

If you don't have WebMatrix installed then don't worryThis assembly is included in the downloadable project

          Then just open Index View and add the following lines,

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<%@ Import Namespace="Microsoft.Web.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table>
        <tr valign="top">
            <td>
                <%=Twitter.Profile("scottgu")%>
            </td>
            <td>
                <%=Twitter.Search("ASP.NET MVC")%>
            </td>
        </tr>
        <tr valign="top">
            <td>
                <%=Facebook.LikeButton("http://weblogs.asp.net/imranbaloch")%>
            </td>
            <td>
                <%= LinkShare.GetHtml("Imran Baloch's Blog", "http://weblogs.asp.net/imranbaloch")%>
            </td>
        </tr>
    </table>
</asp:Content>

          First of all I have imported the namespace Microsoft.Web.Helpers which includes the ASP.NET Web Pages helper methods.

Then I simply added Twitter.Profile, Twitter.Search, Facebook.LikeButton and LinkShare.GetHtml helper methodsIt looks very simpleNow just run this applicationYou will find the following screen,

 Summary:

          In this article I showed you how you can leverage the ASP.NET Web Pages helper methods in your ASP.NET MVC application. This will make it easy for you to add social engineering, Bing search, share links etc, into your site quickly.

Hopefully you will enjoy this article tooYou can also download the sample application which also include the assembly of these helper methods.