ExtJS 4.1 - переопределить CSS Ext.LoadMask

У меня есть требование переопределить цвет фона по умолчанию Ext.LoadMask от белого до серого. Как мне этого добиться? Также добавляем скриншот изображения и код, который я использую для загрузки маски.

Моя маска

var feestore = this.getBillingFeePanelStoreStore();
        feestore.on({
            beforeload: this.beforeFeestoreLoad,
            scope: this
        });

beforeFeestoreLoad: function(store, operation, eOpts){
    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait.... Your request is being processed"});
    myMask.show();

Любая помощь приветствуется.

Источник

2 ответа

Решение

Используйте " maskCls", чтобы определить свой собственный стиль, затем добавьте соответствующий CSS

    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait.... Your request is being processed", maskCls:'customLoadMask'});

CSS:
    .customLoadMask {
        filter: alpha(opacity=70);
        opacity: .7;
        background: grey !important;
    }
Источник

У меня на extjs 4.2 сработало следующее: msgCls вместо maskCls

var loadingMask = new Ext.LoadMask(Ext.getBody(), {
msg:"Een moment geduld aub ...", msgCls:'msgClsCustomLoadMask'});

CSS:

.msgClsCustomLoadMask{
background-color: #FF0000;
border: solid 2px #A3BAD9;}

.msgClsCustomLoadMask .x-mask-msg-inner{
color: #000066;
font: normal 25px Times new Roman,helvetica,arial,verdana,sans-serif;}

http://docs.sencha.com/extjs/4.2.2/

Надеюсь это поможет.

Источник
Другие вопросы по тегам