Posted in FBML on October 5, 2008 | 6 Comments »
*** SEE THE VIDEOS ***
Part 1 of 3: Using the Feed Preview Console
Part 2 of 3: Creating the feedHandler.cfm page
Part 3 of 3: Creating the form and calling the ajax window
Creating a one line, short story and full story feed for your wall might sound really tough. You have to use json and if you [...]
Posted in FBML on September 23, 2008 | Leave a Comment »
The fb:explanation tag is a handy little FBML statement that allows you to display an important message your app users will most likely not miss.
<fb:explanation>
<fb:message>Explanation message</fb:message>
This is the explanation message text.
</fb:explanation>
You can see you wrap your message in an explanation tags and use ‘message’ to highlight your header.
Pretty simple but very productive if your looking [...]
Posted in FBML on September 23, 2008 | Leave a Comment »
This is another one of those AMAZING pre-built FBML tags that give you the power to really grow your app. This tag is singly the most important piece of FBML you can add to your application as it allows your friends to invite their friends and so on and so on.
<fb:multi-friend-selector actiontext=”Select the friends [...]
Posted in FBML on September 23, 2008 | Leave a Comment »
The fb:header tag allows you to create a simple Facebook style header. It’s a simple tag that looks like this:
<fb:header>My Header</fb:header>
Required
Name
Type
Description
optional
icon
bool
Toggles whether the application icon is displayed. No other icon can be displayed. (Default value is true.)
decoration
string
Customize the appearance of the title by choosing among three styles: add_border – Adds a 1px solid #ccc [...]
Posted in FBML on September 23, 2008 | Leave a Comment »
This tag allows for you to create tabs that look and function exactly like typical Facebook tabs.
<fb:tabs>
<fb:tab-item href=’http://apps.facebook.com/yourapp/myphotos.cfm’ title=’My Photos’ selected=’true’/>
<fb:tab-item href=’http://apps.facebook.com/yourapp/recentalbums.cfm’ title=’Recent Albums’ />
</fb:tabs>
Pretty simple tag as you can see
Posted in FBML on September 23, 2008 | Leave a Comment »
fb:dashboard makes it easy to keep your application heading in a Facebook format. think of it as your header and what users most-likely will see first.
<fb:dashboard>
<fb:action href=”page.cfm”>Choose a Scenario</fb:action>
<fb:action href=”http://facebook.com/group.php?gid=26228957389″>Join Our Group</fb:action>
<fb:action href=”http://facebook.com/apps/application.php?id=13102307598″>Become a Fan</fb:action>
<fb:create-button href=”inviteFriends.cfm”>Invite Your Friends</fb:create-button>
<fb:help href=”help.cfm”>Help Me!</fb:help>
</fb:dashboard>
within the dashboard wrapper you can add a create-button, help and action attribute. note: you can [...]
Posted in FBML on September 23, 2008 | Leave a Comment »
NEVER use <cflocation url=”” /> in any of your FaceBook applications! It usually causes an infinite loop and either crashes your server or creates an extremely slow running application.
Instead use: fb:redirect
<fb:redirect url=”http://www.facebook.com/add.php?api_key=123456789″ />
ie. redirects to a Facebook add page for users that have not added your application.
Posted in FBML on September 23, 2008 | Leave a Comment »
this is a fun little tag that can keep your application safe if you have content that requires an age. ie. (alcoholic app)
<fb:18-plus>
Buy Cigarettes!
<fb:else>
Not Old Enough!
</fb:18-plus>
<fb:21-plus>
Drink Up!
<fb:else>
Stay Sober!
</fb:21-plus>
Posted in FBML on September 23, 2008 | Leave a Comment »
This tag has gotten a lot more robust since the introduction of XFBML. In the past, you could use fb:iframe, however, you could not interact with FaceBook by using FBML or by calling the API. Basically, fb:iframe was a static iframe that served little purpose for most application developers.
<fb:iframe src=’http://www.google.com’ frameborder=’0′ scrolling=’no’ name=’myFrame’ width=’750′ height=’355′ [...]
Posted in FBML on September 23, 2008 | 1 Comment »
The <fb:multi-friend-selector/> tag example
<fb:multi-friend-input max=”20″ width=”200px” />
Attributes:
Required
Name
Type
Description
optional
width
int
The width of entry field. (Default value is 350px.)
border_color
string
The color of entry field border. (Default value is #8496ba.)
include_me
bool
Indicates whether or not to include the logged-in user in the form. (Default value is false.)
max
int
The maximum number of people that can be selected. (Default value is 20.)
exclude_ids
array
A comma separated list of [...]
