Spinners usage

Spinners usage examples

To use spinners in div.ibox-contnet place the spinner code in div and add sk-loadingcss 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.
    Tag12.10.2015
  • Many desktop publishing packages and web page editors now use Lorem Ipsum as their default.
    Mark05.04.2015
  • Sometimes by accident, sometimes on purpose (injected humour and the like).
    Mark16.11.2015
  • All the Lorem Ipsum generators
    Done06.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');})