Name

<fb:dashboard/>

Synopsis

<fb:dashboard>...[<fb:action/>][<fb:create-button/>][<fb:help/>]
    </fb:dashboard>

Renders a standard Facebook dashboard header that works on canvas pages. This header provides links at the top of the page, and if the application has an icon, it will include that icon next to your application’s name as part of the header.

FBML-Specific Attributes

Required

None.

Optional

None.

Example FBML

Here is example FBML code for <fb:dashboard/>, taken from the FBML Essentials app:

<fb:dashboard>
  <fb:action href="http://apps.facebook.com/fbmlessentials" 
      title="Home">Home</fb:action>
  <fb:action href="http://apps.facebook.com/facebookquiz" 
      title="How much do you know about Facebook?"> How much do you 
      know about Facebook? </fb:action>
  <fb:help href="http://apps.facebook.com/fbmlessentials/?action=help" 
      title="Get Help with this app">Help</fb:help>
  <fb:create-button href="http://apps.facebook.com/fbmlessentials/
      invite.php">Invite another Friend</fb:create-button>
</fb:dashboard>

Rendered HTML for Single Instance of Tag

The underlying HTML for the example looks like this (see Figure 3-22):

<div class="dashboard_header">
  <div class="dh_links clearfix">
    <div class="dh_actions">
      <a href="http://apps.facebook.com/fbmlessentials">Home</a>
      <span class="pipe">|</span>
      <a href="http://apps.facebook.com/facebookquiz">
      How much do you know about Facebook?</a>
    </div>
    <div class="dh_help">
      <a href="http://apps.facebook.com/fbmlessentials/?action=help">
          Help</a>
    </div>
  </div>
  <div class="dh_titlebar clearfix">
    <h2 style="background-image: url('http://static.ak.facebook.com/
        images/icons/hidden.gif?57:27651')">
    FBML Essentials
    </h2>
  </div>
  <div class="dh_new_media_shell">
    <a href="http://apps.facebook.com/fbmlessentials/invite.php" 
        class="dh_new_media">
      <div class="tr">
        <div class="bl">
          <div class="br">
            <span>Invite another Friend</span>
          </div>
        </div>
      </div>
    </a>
  </div>
</div>
The result of our <fb:dashboard/> example
Figure 3-22. The result of our <fb:dashboard/> example

Additional Information

  • <fb:dashboard/> works only on canvas pages.

  • This tag supports the <fb:action/>, <fb:create-button/>, and <fb:help/> tags. See the descriptions of those tags later in this chapter for more information.

  • <fb:if-user-has-added/> does not work within an <fb:dashboard/> tag, but it can be used to contain the tag.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.147.13.192