StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<pre><code>make a Folder named as : Controls Then add this: InviteControl.aspx simply write : <span id="invitespan" runat="server"></span> InviteControl.ascx.cs : public partial class Controls_InviteControl : System.Web.UI.UserControl { /// <summary> /// Show border or not /// </summary> public bool ShowBorder { set { showBorder = value; } } /// <summary> /// Display email section /// </summary> public bool EmailInvite { set { emailInvite = value; } } /// <summary> /// Number of rows. Allowed values are from 3 to 10. Default value is 5. /// </summary> public int Rows { set { rows = value; } } /// <summary> /// Number of columns. Allowed values are from 2,3 and 15. Default value is 5. /// </summary> public int Colums { set { colums = value; } } /// <summary> /// Set comma separated string of friend ID which you don't want to be in invite list /// </summary> public string ExcludeFriends { set { excludeFriends = value; } } /// <summary> /// IList of friend IDs which you don't want to be in invite list /// </summary> public IList<long> ExcludeFriendsList { set { if (value != null) { int i = 0; StringBuilder s = new StringBuilder(); foreach (long id in value) { i++; s.Append(id.ToString()); if (i < value.Count) { s.Append(","); } } excludeFriends = s.ToString(); } } } /// <summary> /// URL where application should be redirected, after an invitation is sent. /// Default is application Canvas URL taken from web.config file. /// </summary> public string ActionUrl { set { actionUrl = value; } } /// <summary> /// URL where user will be redirected after the invite request is accepted. /// If it's not set, ActionUrl is used. /// </summary> public string AcceptUrl { set { acceptUrl = value; } } /// <summary> /// Main description which will apear on invite request /// </summary> public string Content { set { content = value; } } /// <summary> /// Application name displayed on send button and invite request title. /// Default is name taken from web.config file /// </summary> public string AppName { set { appName = value; } } /// <summary> /// Title of confirmation button inside invite request. Default value is 'Accept' /// </summary> public string ConfirmButtonTitle { set { confirmButtonTitle = value; } } /// <summary> /// Main title of control /// </summary> public string MainTitle { set { mainTitle = value; } } /// <summary> /// Refresh display of the control /// </summary> public void Refresh() { if (mainTitle == null) throw new Exception("Invite Friends Error: Main Title is not set."); if (content == null) throw new Exception("Invite Friends Error: Content is not set."); if (confirmButtonTitle == null) throw new Exception("Invite Friends Error: Confirm Button Title is not set."); if (actionUrl == null) actionUrl = Core.AppConfig.AppCanvasUrl; if (acceptUrl == null) acceptUrl = actionUrl; if (appName == null) appName = Core.AppConfig.AppName; StringBuilder html = new StringBuilder(); html.Append("<fb:serverfbml "); html.Append("width='" + width + "'>"); html.Append("<script type='text/fbml'>"); html.Append("<div style='" + cssStyle + "' class='" + cssClass + "'>"); html.Append("<fb:fbml>"); html.Append("<fb:request-form method=\"POST\" action=\""); html.Append(actionUrl); html.Append("\" content=\""); html.Append(content); html.Append("<fb:req-choice url='"); html.Append(acceptUrl); html.Append("' label='"); html.Append(confirmButtonTitle); html.Append("' />\" type=\""); html.Append(appName); html.Append("\" invite=\"true\">"); html.Append("<fb:multi-friend-selector target=\"_top\" condensed=\"false\" exclude_ids=\""); html.Append(excludeFriends); html.Append("\" actiontext=\""); html.Append(mainTitle); html.Append("\" showborder=\""); html.Append(showBorder); html.Append("\" rows=\""); html.Append(rows); if (colums < 5) // fixing bug in FBML (if columns == 5 it renders as it as 4) { html.Append("\" cols=\""); html.Append(colums); } html.Append("\" email_invite=\""); html.Append(emailInvite); html.Append("\" />"); html.Append("</fb:request-form> "); html.Append("</fb:fbml>"); html.Append("</div>"); html.Append("</script>"); html.Append("</fb:serverfbml>"); invitespan.InnerHtml = html.ToString(); } /// <summary> /// Page Load /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { Refresh(); } } /// <summary> /// Private members /// </summary> private string excludeFriends = ""; private string actionUrl = null; private string acceptUrl = null; private string content = null; private string confirmButtonTitle = "Accept"; private string appName = null; private string mainTitle = null; private bool showBorder = true; private bool emailInvite = true; private int rows = 4; private int colums = 4; private string cssStyle = ""; private string cssClass = ""; private int width = 625; /// <summary> /// Obsolete members/methods /// </summary> [Obsolete("You shouldn't use this property anymore. Use AppName instead")] public string SendButtonTitle { set { appName = value; } } } Then add a page : InviteFriends.aspx copy and paste this : <%@ Page Language="C#" AutoEventWireup="true" CodeFile="InviteFriends.aspx.cs" Inherits="InviteFriends" EnableViewState="false" %> <%@ Register Src="~/Controls/InviteControl.ascx" TagName="Invite" TagPrefix="cc" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title> <%= Core.AppConfig.AppName %></title> <script type="text/javascript"> window.fbAsyncInit = function() { FB.Canvas.setAutoGrow(); } </script> </head> <body> <div id="page"> <div> <asp:Literal runat="server" ID="lInitFB" /> <form id="form1" runat="server"> <div runat="server" id="dvCanvas"> <div id="workfield"> <div id="invite"> <cc:Invite runat="server" ID="ccInvite" ActionUrl="http://cflluxury.allsocialassets.com/InviteFriends.aspx" Content="Invite to Luxury app" ConfirmButtonTitle="Confirm" MainTitle="Luxury App" /> </div> </div> </div> </form> </div> </div> <div id="fb-root"> </div> <script src="http://connect.facebook.net/en_US/all.js"></script> <script> FB.init({ appId: '414171951949853', status: true, // check login status cookie: true, // enable cookies to allow the server to access the session xfbml: true // parse XFBML }); </script> </body> </html> Then give a link to that invite page from your default page: <a href="InviteFriends.aspx">Invite Friend</a> Hope it will help. </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload