In this article, you will find out what you need to do if you want to add a Facebook Like button to your Silverlight application.
If you want to see a Live Example, see my XAML blog.
Using the Code
The straight forward approach is to add a button to your application and make it look the same as the one on Facebook. Then, you need to Facebook authenticate the person that clicked the like button and add your Facebook page to list of pages that he likes. This is very difficult to implement and requires knowledge of the Facebook API. You can also try to use the CodePlex Facebook SDK but that requires you to have a Facebook application, if you have a Facebook personal page or a website the SDK will not help.
The simple way to do this is to integrate the HTML Facebook like button into your Silverlight application. In order to do this, you need an
HtmlHost control that will display the HTML like button. Since the standard Microsoft WebBrowser control only works when running in out-of-browser mode, I have used the divelements free HtmlHost control. In order to use this control, you need to set
windowless parameter of your Silverlight plugin to
Here is a step by step example:
- Create a new project named
FacebookLikeApplication in Visual Studio 2010 using the
SilverlightApplication template; when creating the project, check the “Host the Silverlight application in a new Web site” option.
- Download the
divelements Silverlight Tools from here; extract, unblock, and add a reference of Divelements.SilverlightTools.dll to your
Open FacebookLikeApplicationTestPage.aspx and FacebookLikeApplicationTestPage.html, identify the
<object .. /> element and add the
<form id="form1" runat="server" style="height:100%">
<param name="source" value="ClientBin/FacebookLikeApplication.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="true" />
<param name="windowless" value="true" />
<a href="<a href="http://go.microsoft.com/fwlink/
<img src="<a href=
alt="Get Microsoft Silverlight" style="border-style:none"/>
- Open the MainPage.xaml and add the
- Open the Facebook Like button website from here, fill in the fields, and retrieve the Facebook Like iframe.
- Open MainPage.xaml.cs and set the Facebook Like iframe to the
htmlHost.SourceHtml property; after you set the value, replace the double quotes from the iframe text with a single quote.
public partial class MainPage : UserControl
"<iframe src='http://www.facebook.com/plugins/like.php?" +
height=80' " +
"scrolling='no' frameborder='0' style='border:none; " +
"overflow:hidden; width:450px; height:80px;'></iframe>";
That’s it! Now you can build and run the application.
Mircea Deliu was born on August 17, 1982. He has been involved with computers in one way or another since high school, but started professionally in 2004. He has focused mostly on Microsoft .Net technologies and it's now working as a Senior Software Developer at Senior Systems Europe using Silverlight and WPF on a daily basis.
He likes to think about himself as an open-minded person with a good sense of humor. His hobbies involve traveling, driving his Honda Civic and listening to music (all at once when possible). When he is not working or writing on his blog you can find him in the company of his wife Simona and surrounded by their friends and family.