FBML Essentials

Name

<fb:tabs/>

Synopsis

<fb:tabs><fb:tab-item href="..." title="..."/>...</fb:tabs>

Renders a set of standard Facebook tabs for your app. The tabs appear wherever the tags are placed in the app. Please also see the <fb:dashboard/> tag (described earlier) for a different style of navigation.

FBML-Specific Attributes

Required

href=[string] default: none

The URL to take the user to when they click on the link.

Optional

None.

Example FBML

The following example FBML code for <fb:tabs/> renders “Hello Friends Example” and “Invite Your Friends” tabs, with the first tab being selected:

<fb:tabs>
    <fb:tab-item href="http://apps.facebook.com/fbmlessentials/" 
        title="Hello Friends Example" selected="true"/>
    <fb:tab-item href="http://apps.facebook.com/fbmlessentials/
        invite.php" title="Invite Your Friends" />
</fb:tabs>

Rendered HTML for Single Instance of Tag

The underlying HTML for the example looks like this (Figure 3-30 shows the result):

<div class="tabs clearfix"><center><div class="left_tabs">
   <ul class="toggle_tabs clearfix" id="toggle_tabs_unused">
   <li class="first "> <a href="http://apps.facebook.com/fbmlessentials/" 
   class="selected"> Hello Friends Example </a></li><li class="last ">
   <a href="http://apps.facebook.com/fbmlessentials/invite.php">
   Invite Your Friends </a></li></ul></div></center></div>

Figure 3-30. The result of our <fb:tabs/> example

Additional Information

• Multiple <fb:tabs/> are allowed ...