ExtJS - переопределение загрузки изображения LoadMask

Question

Я пытаюсь установить собственное изображение для LoadMask.

Я использую LoadMask в качестве предупреждающего сообщения, которое описывает, почему форма была отключена. Эта форма находится в модальной зоне, которая открылась из окна.

Я хочу, чтобы предупреждающее сообщение центрировалось и ограничивалось формой при прокрутке, поэтому, когда вы прокручиваете форму вне поля зрения, сообщение остается над формой.

Я добился этого с помощью LoadMask, однако теперь я просто хочу удалить загрузочное изображение в маске и установить его как одно изображение оповещения.

Я знаю, что это возможно с помощью панели сетки с помощью viewConfig, но, похоже, она не работает для панелей форм.

Вот макет, который я использую, и после пунктов я просто добавляю много форм. Я также пытался использовать сообщение ожидания для форм, но не смог заставить его остаться на экране.

var layout = Ext.create( 'Ext.panel.Panel',
{
    border : false,
//  padding: '10 0 10 10',
    autoScroll: true,
    //defaults: {padding:'10 10 0 10'},
    defaults: {     
        waitMsgTarget: true, 
        viewConfig:{
            loadingCls: 'custom-loader'
        },
        listeners:{
            afterlayout: function(form, layout, eOpts){                     
                    if(form && form.disabled){                          
                        var alert;
                        switch(form.name){
                            case 'Settings':
                                alert = 'Select a profile to edit this menu.'
                                break;
                            case 'activeswitchbox':
                                alert = 'Select a profile or profile group to edit this menu.'
                                break;
                            case 'enabledisable': 
                                alert = 'Select a profile or profile group to edit this menu.'
                                break;
                            case 'roomassignment':
                                alert = 'Select a profile or profile group to edit this menu.'
                                break;
                            default:
                                alert = 'Select a profile to edit this menu.';
                        }
                        // var myMask = new Ext.LoadMask(form.getEl(), 
                        // {                                
                            // msg:alert,
                        // });  
                        // myMask.show();   
                        form.getForm().load({waitMsg:'Wait'});
                        //form.view.loadMask.show(); 
                    }
                }
        }
    },
    items:
    [   
        {
            xtype: 'form',