Minimalistic style demo

This is the demo of Custom Facebook Friend chooser using the minimalistic styling css.

You can very easily change the appearence of Facebook Friend Chooser just by editing the CSS

Inline Chooser Demo with custom submit button

function loadInlineChooser(){
    $('#inline-chooser').friendChooser({ 
        display: "inline",
        max: 3,
        showSubmit: false,
        onSubmit: function(users) { alertSelected(users); }
    });    
}
function alertSelected(users) {
    if(users.length) {
        var text = "You selected following friends: \n";
        for(i in users) text += users[i] + "\n";
        alert(text);
    } else {
        alert("No friends selected");    
    }
}

Popup Chooser Demo

function loadPopupChooser(){
    jQuery('#popup-chooser').friendChooser({
        display: "popup",
            onSubmit: function(users) { alertSelected(users); }
        });    
    }