Spinners usage

Spinners usage examples

To use spinners in div.ibox-contnet place the spinner code in div and add sk-loading css class. This class will enable/disable spinner so you can easily build own simple function to manage it.

Example ibox panel
  • Simply dummy text of the printing and typesetting industry.
    Tag 12.10.2015
  • Many desktop publishing packages and web page editors now use Lorem Ipsum as their default.
    Mark 05.04.2015
  • Sometimes by accident, sometimes on purpose (injected humour and the like).
    Mark 16.11.2015
  • All the Lorem Ipsum generators
    Done 06.10.2015
Example ibox panel

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Tom Bortec @mader

Simple script that handle the css class in this example:

 $('#toggleSpinners').on('click', function(){

    $('#ibox1').children('.ibox-content').toggleClass('sk-loading');
    $('#ibox2').children('.ibox-content').toggleClass('sk-loading');

})