OpenF2 / F2

Redefining web integration for the financial services community
Apache License 2.0
129 stars 62 forks source link

Using Font Awesome for a loading gif #233

Closed markhealey closed 9 years ago

markhealey commented 9 years ago

This isn't an issue, just a heads up for anyone who comes across this. You can use Font Awesome's fa-spin or fa-pulse classes instead of an animated GIF to show a loading indicator within an F2 Container.

//update the Css constant
F2.Constants.Css.MASK = 'fa fa-spinner fa-spin';

//set the useClasses property on the Mask
F2.init({
  UI: {
    Mask: {
      useClasses: true,
        backgroundColor: '#fff',
        opacity: 0.7
      }
    }
});

Thanks @ryanolsen!