{"id":111910,"date":"2021-03-08T13:48:01","date_gmt":"2021-03-08T08:18:01","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?page_id=111910"},"modified":"2024-04-12T14:31:39","modified_gmt":"2024-04-12T09:01:39","slug":"fb-ui","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/","title":{"rendered":"FB.ui"},"content":{"rendered":"\n<p>The method FB.ui() is used to trigger different forms of Facebook created UI dialogs. These dialogs include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The Share Dialog allows someone to post a link or Open Graph story to their profile.<\/li><li>The Login Dialog allows someone to use Facebook Login to grant permissions to an app.<\/li><li>The Add Page Tab Dialog allows someone to add an app to a tab on a Facebook Page which they admin.<\/li><li>The Requests Dialog allows someone to send a request to one or more of their friends from a game.<\/li><li>The Send Dialog allows someone to send a Facebook Message to one or more of their friends.<\/li><li>The Payments Dialog allows people to purchase virtual items for your app.<\/li><li>The Go Live Dialog allows people to broadcast live streaming via Facebook from your app.<\/li><\/ul>\n\n\n\n<p>FB.ui(params, function(response))<\/p>\n\n\n\n<p>Parameters<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td><strong>Name<\/strong><\/td><td><strong>Type<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><\/thead><tbody><tr><td>params<\/td><td>object<\/td><td>A collection of parameters that control which dialog is loaded, and relevant settings.<\/td><\/tr><tr><td>function(response)<\/td><td>function<\/td><td>This specifies the function that is called whenever the UI dialog is closed, either by success, cancellation, or errors. The response object will depend on the dialog being used. Consult the relevant dialog&#8217;s own reference doc to see the response object that should be returned. Defaults to null.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Examples<\/p>\n\n\n\n<p>Share Dialog posting a link:<\/p>\n\n\n\n<p>FB.ui(<\/p>\n\n\n\n<p>{<\/p>\n\n\n\n<p>method: &#8216;share&#8217;,<\/p>\n\n\n\n<p>href: &#8216;https:\/\/developers.facebook.com\/docs\/&#8217;,<\/p>\n\n\n\n<p>},<\/p>\n\n\n\n<p>\/\/ callback<\/p>\n\n\n\n<p>function(response) {<\/p>\n\n\n\n<p>if (response &amp;amp;&amp;amp; !response.error_message) {<\/p>\n\n\n\n<p>alert(&#8216;Posting completed.&#8217;);<\/p>\n\n\n\n<p>} else {<\/p>\n\n\n\n<p>alert(&#8216;Error while posting.&#8217;);<\/p>\n\n\n\n<p>}<\/p>\n\n\n\n<p>}<\/p>\n\n\n\n<p>);<\/p>\n\n\n\n<p>response.error_message only appears if someone using your app authenciated it with Facebook login.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The method FB.ui() is used to trigger different forms of Facebook created UI dialogs. These dialogs include: The Share Dialog allows someone to post a link or Open Graph story to their profile. The Login Dialog allows someone to use Facebook Login to grant permissions to an app. The Add Page Tab Dialog allows someone&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-111910","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FB.ui - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FB.ui - Tutorial\" \/>\n<meta property=\"og:description\" content=\"The method FB.ui() is used to trigger different forms of Facebook created UI dialogs. These dialogs include: The Share Dialog allows someone to post a link or Open Graph story to their profile. The Login Dialog allows someone to use Facebook Login to grant permissions to an app. The Add Page Tab Dialog allows someone...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:01:39+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/\",\"name\":\"FB.ui - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2021-03-08T08:18:01+00:00\",\"dateModified\":\"2024-04-12T09:01:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FB.ui\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FB.ui - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/","og_locale":"en_US","og_type":"article","og_title":"FB.ui - Tutorial","og_description":"The method FB.ui() is used to trigger different forms of Facebook created UI dialogs. These dialogs include: The Share Dialog allows someone to post a link or Open Graph story to their profile. The Login Dialog allows someone to use Facebook Login to grant permissions to an app. The Add Page Tab Dialog allows someone...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T09:01:39+00:00","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/","name":"FB.ui - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2021-03-08T08:18:01+00:00","dateModified":"2024-04-12T09:01:39+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/fb-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"FB.ui"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/111910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=111910"}],"version-history":[{"count":1,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/111910\/revisions"}],"predecessor-version":[{"id":111911,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/111910\/revisions\/111911"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=111910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=111910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=111910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}