A mask függvény második paramétere határozza meg, hogy milyen stílusban jelenjen meg maszkolás közben a várakozó szöveg. A legtöbb ExtJS komponens az 'x-mask-loading' CSS osztályt alkalmazza, de néhány soros egyszerű CSS szabállyal könnyedén lecserélhető a várakozó animációhoz tartozó kép, illetve az elrendezés.
Példa egy ilyen CSS szabályra:
.x-mask-loading-big_flower div {
padding: 13px 4px 14px 42px;
background: #fff url(img/ajaxload_big_flower.gif) no-repeat 3px 3px;
}
padding: 13px 4px 14px 42px;
background: #fff url(img/ajaxload_big_flower.gif) no-repeat 3px 3px;
}
És annak alkalmazására:
el.mask(Ext.LoadMask.prototype.msg, 'x-mask-loading-big_flower');
További maszkok itt: stack.hu/extjs/mask.html
Animációs kép generálásához ajánlott oldal az ajaxload.info.
