Forums / Cotonti / Skins / Custom spinner

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.

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.

#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;
}

I guess that will work aswell.

Thanks Macik.