indicator is not working in loadmask

[Rameshlamani]

I have applied load-mask at controller level.i have added custom message like "loading...". for the uses reference this will indicate, the page is loading. also i have set indicator:true. but i am not able to see the indicator. please any one help me. how to show the indicator to user.

My code is Here:

OnInitCompanyPage: function () {
        Ext.Viewport.setMasked({ xtype: 'loadmask', message: 'Loading...', indicator:true});
            Ext.data.JsonP.request({
                url: SLS.BRND.WEB.common.Constants.wcfBaseUrl + 'PropertyService.svc/GetCompanyDetail',              
                method: 'POST',
                callbackkey: 'callback',
                params: {
                    format: 'json'
                },
                callback: function (response, value, request) {
                    var localdata = JSON.stringify(value);
                    localStorage.setItem('PromoURL', localdata);
                    Ext.Viewport.setMasked(false);
                },
                failure: function (response, request) {
                }
            });             
    }

[pepperseb]

Do you use sass?

If so, you should add

@include sencha-loading-spinner;

[Rameshlamani]

Thanks a lot...yes i am using sass..now i have added and compiled. now it is coming...thank you so much

[jep]

This completely threw me, too. A line should be added to the docs for Ext.LoadMask to make this more obvious.