fb:login-button custom?

Question

Is is possible to add parameters to fb:login-button in Facebook Connect?

I would change the text in a more clear way for my target/demographic, who are not so geeky.

Answer 1

use

{exp:fbc:login_button} content {/exp:fbc:login_button} 

or

<fb:login-button size="medium"
                 onlogin="Log.info('onlogin callback')">
  Connect with Facebook
</fb:login-button>

See examples on fb:login_button

• http://www.solspace.com/docs/detail/fbc_login_button/#examples

Answer 2

Yep: http://fbrell.com/xfbml/fb:login-button

<h1>Defaults</h1>
<fb:login-button onlogin="Log.info('onlogin callback')">
</fb:login-button>

<h1>autologoutlink</h1>
<fb:login-button autologoutlink="true"
                 onlogin="Log.info('onlogin callback')">
</fb:login-button>

<h1>Small with Custom Text</h1>
<fb:login-button size="small"
                 onlogin="Log.info('onlogin callback')">
  Connect
</fb:login-button>

<h1>Medium with Custom Text</h1>
<fb:login-button size="medium"
                 onlogin="Log.info('onlogin callback')">
  Connect with Facebook
</fb:login-button>

<h1>Large with Custom Text</h1>
<fb:login-button size="large"
                 onlogin="Log.info('onlogin callback')">
  Login with Facebook
</fb:login-button>

<h1>Extra Large with Custom Text</h1>
<fb:login-button size="xlarge"
                 onlogin="Log.info('onlogin callback')">
  Find Friends
</fb:login-button>

<h1>Favicon Only</h1>
<fb:login-button size="icon"
                 onlogin="Log.info('onlogin callback')">
</fb:login-button>