title: Applying loadMask() to a single element in extjs?
body: <p>How to apply loadMask to only one element, and not the whole browser width-height?<br/><br/>default<br/>
  <img src="https://i.stack.imgur.com/1qKB1.png" alt="enter image description here"></p>
  
  <p><br/>
  <br/>
  here, only one element is masked, and a messageBox is in center, inside this element and not the whole display...<br/>
  <img src="https://i.stack.imgur.com/8UOJC.png" alt="enter image description here"></p>
  
  <p><br/>
  any ideas?
  <br/></p>
  
  <p>EDIT:</p>
  
  <p>@Molecule , thanks, but this is when data is loading from some source, what i need is :</p>
  
  <pre><code>{
      xtype:"button",
      text:"Alert",
      handler: function(){
  
          Ext.Msg.show({
          title:'Save Changes?',
          msg: 'You are closing ?',
          buttons: Ext.Msg.YES,
          setLoading: // here somehow only mask parent element, and position alertBox...
      }
  
  }
  </code></pre>