Is it possible to override the default spinner used by Cotonti without overriding the ./images/spinner.gif?
The reason is so that custom spinner images can be used for themes.
JavaScript
1 2 3 |
beforeSend: function() {
if (!settings.nonshowloading) $('#' + settings.divId).append('<span style="position:absolute; left:' + ($('#' + settings.divId).width()/2 - 110) + 'px;top:' + ($('#' + settings.divId).height()/2 - 9) + 'px;" class="loading" id="loading"><img src="./images/spinner.gif" alt="loading"/></span>').css('position', 'relative');
},
|
The image path is hardcoded in base.js. Maybe we can simply use the class/ID of 'loading' in base.js and in the theme control it via the stylesheet.
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 |
#loading {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, .8)
url('../img/spinner.gif')
50% 50%
no-repeat;
}
|
