ExtJs 6.5.2 modern - loadmaskメッセージを削除します

Question

htmlプロパティにすべての読み込みコンテンツが保持されているloadmaskを使用しています。私が直面している問題は、たとえmessageプロパティの値が空の文字列であっても、messageは、loadmaskの中にスペースを割り当てて、HTMLメッセージの左側にダッシュのようなものを生成するということです。

どのように私は削除するか、そのスペースを透明にすることができます

Ext.application({ 
name : 'Fiddle', 

launch : function() { 
    Ext.create({ 
     xtype: 'panel', 
     fullscreen: true, 
     html: '<h1>Hello World !!!</h1>', 
     listeners: { 
      painted: function (panel) { 
       panel.mask({ 
        xtype: 'loadmask', 
        html: '<div align="center"><h3>Loading Mask</h3>' + 
        '<p>i am loading...</p></div>', 
        message: '', //empty message holds its opacity 
        indicator: false, 
        style: 'background:#d7ecfd' 
       }); 
      } 
     } 
    }); 
} 
}); 

（Sencha Fiddleするには以下のコードを追加しますか）？ Modern ToolkitにはuseMsgというプロパティはありません。

バックグラウンドプロパティ（background: transparent）をmessageClsに設定しようとしましたが、何も起こりませんでした。

Answer 1

私はsencha開発者がメッセージフィールドが空になるシナリオを決して考えなかったと思います。

ただし、htmlに下記のスタイルを追加することで修正できます。

<style>.x-mask-inner{background:rgba(0, 0, 0, 0) !important}</style>