Customizing loading indicator

[caroldonato]

Hi, I'm having some issues with changing the loading indicator. I needed a rather simple display, with just the gray overlay that is active from { loadShading: true } (I think). I was able to remove the message by making { loadMessage: "" }, but couldn't make it work without a spinner.

I know of the loadIndicator property, in the docs like { loadIndicator: { show: function() { console.log("loading started"); }, hide: function() { console.log("loading finished"); } } } but was unable to adapt it to display/hide any div.

Any advice on how to achieve the gray overlay look?

Thanks in advance.

[nandakumar-a]

you can achieve by

        loadIndicator: function(config) {
                var container = config.container[0];
                var spinner = new Spinner();
                return {
                    show: function() {
                        spinner.spin(container);
                    },
                    hide: function() {
                        spinner.stop();
                    }
                };
            }

Note: Import jqueryUI before jsGrid if you dont want the spinner then you can display/hide by container