Loading spinner using jquery spin.js and jquery block ui plug-ins. We can have multiple loaders in same page. Spinner will display inside the element.
we need to adjust css settings to align the spinner. we can remove block ui related code in spinner to make the other areas in the page is click-able.
1. Include jquery
2. Include spin js http://fgnass.github.io/spin.js/
3. Include block ui http://malsup.com/jquery/block/
1. Include jquery
2. Include spin js http://fgnass.github.io/spin.js/
3. Include block ui http://malsup.com/jquery/block/
To display loader
APP.UI.showLoader($('jquery-selector'));
To hide loader
APP.UI.hideLoader($('jquery-selector'));
you can have multiple loaders in same page, by using different jquery selectors.