Facebook Resizable iFrame for ASP.NET
There are no properties or event handlers to configure for this control, since functionality of the control is simple. However, to make the control work correctly, it is required to set one option inside Facebook Developer application. Currently, option can be found under section Facebook Integration, then under Canvas, and than iFrame Size. You have to set that to Auto-resize option.
Following examples show registration and insertion of Facebook Resizable iFrame ASP.NET control in ASPX file. Usage of master pages is preferable option, to make an application easier to maintain. Because of that, examples show master page where the control is used. There is also InitFVK control, which is used to initialize Facebook Graph API. It is required to insert Resizable iFrame control immediately after InitFVK control, which has to be inserted after <body< tag. To be easier to find, important parts for registration and integration of Facebook control inside ASP.NET page are highlighted.
Integration in ASP.NET master page:
<%@ Master AutoEventWireup="true" Inherits="FVK_Demo.Master" %> <%@ Register TagPrefix="fvk" TagName="initfvk" Src="~/FVK/InitFVK.ascx" %> <%@ Register TagPrefix="fvk" TagName="enableresizable" Src="~/FVK/EnableResizable.ascx" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.Facebook.com/2008/fbml"> <head id="Head1" runat="server"> <title>FVK Demo</title> <link rel="stylesheet" type="text/css" href="/FVK/fvk.css" /> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head> <body> <fvk:initfvk ID="initfvk1" runat="server" /> <fvk:enableresizable ID="resizable" runat="server" /> <img src="/Images/banner.png" alt="" /> <br /> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </form> </body> </html>