This is a migrated thread and some comments may be shown as answers.

Location of Busy Indicator

1 Answer 338 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Cyndie
Top achievements
Rank 1
Cyndie asked on 22 Dec 2011, 07:21 PM
How can I change the location of the Busy Indicator while large data queries are being processed? It seems to be in the middle and if the grid has 100 rows, the busy indictaor is not in the viewable area of the display.

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 23 Dec 2011, 03:40 PM
Hello Cyndie

We have identified the cause of the problem and fixed it. Thank you for bringing the issue to our attention. I have updated your Telerik points.

You can manually fix the bug by modifying the following code in kendo.core.js:

(starts on line 1707)

progress: function(container, toggle) {
    var mask = container.find(".k-loading-mask");
 
    if (toggle) {
        if (!mask.length) {
            mask = $("<div class='k-loading-mask'><span class='k-loading-text'>Loading...</span><div class='k-loading-image'/><div class='k-loading-color'/></div>")
                .width("100%").height("100%")
                .prependTo(container)
                .css({ top: container.scrollTop(), left: container.scrollLeft() });
        }
    } else if (mask) {
        mask.remove();
    }
}

Notice the new line, which adjusts the loading overlay according to the container's scroll position.

.css({ top: container.scrollTop(), left: container.scrollLeft() });


Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Cyndie
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or