jQuery FA multi button demos

Modern toggle, push button or just a signal indicator.

* Perfect for touch UIs

Default button

$('#btn1').famultibutton();

Set status

btn = $('#btn2').famultibutton();
btn.setOn();

Other icons

$('#btn3').famultibutton({
   backgroundIcon: 'fa-circle-thin',
   icon: 'fa-music',
   onColor: '#aa6900',
   offColor: '#505050'
});

Push button

$('#btn4').famultibutton({
   backgroundIcon: 'fa-circle-thin',
   icon: 'fa-refresh',
   onColor: '#aa6900',
   offColor: '#505050',
   mode: 'push', 
});

Status callback

$('#btn5').famultibutton({
    icon: 'fa-lock',
    onColor: '#ffffff',
    offColor: '#eeeeee',
    onBackgroundColor: '#33dd00',
    toggleOn: function( ) {
      $('#out').text('Is on');
    },
    toggleOff: function( ) {
      $('#out').text('Is off');
    }
});

Green push button

$('#btn6').famultibutton({
    backgroundIcon: 'fa-square-o',
    icon: 'fa-undo',
    onColor: '#33dd00',
    offColor: '#505050',
    onBackgroundColor: '#33dd00',
    mode: 'push', 
});

Signal indicator

btn=$('#btn7').famultibutton({
    icon: 'fa-lightbulb-o',
    onColor: '#ffffff',
    offColor: '#eeeeee',
    onBackgroundColor: '#33dd00',
    mode: 'signal', 
});
btn.setOn();

Color settings

btn=$('#btn8').famultibutton({
    icon: 'fa-heart',
    onColor: '#ffffff',
    offColor: '#ffffff',
    onBackgroundColor: '#dd3300',
    mode: 'toggle', 
});
btn.setOn();