Windows – Linux – Mac OSX Guides

How to mask the whole page body with ExtJS

Most of the ExtJS components have a config to mask the body with loadMask, for example

var grid = new Ext.grid.GridPanel({ 
        loadMask: true,
        id: 'grid-menu',
        store: store,
        layout: 'fit',
        margins: '0 5 5 5',
        autoExpandColumn: 'title',
        autoHeight: true,

If you want to mask the whole page body, it’s as simple as


Or if you want to mask with a message

Ext.getBody().mask('Processing ...');
Tagged with:     , ,

Related Articles

Loading Facebook Comments ...


  1. Stephe

    And to remove an already applied mask in the case of Ext.getBody().mask(‘Processing …’); ????

  2. number.0

    Ah, yes


  3. Ravi

    Worked like a charm!!


  4. Jessie

    How about if I want to gray out the background when mask in progress? just like “modal” in Ext.Window.

Post your comments

Your email address will not be published. Required fields are marked *