Overview

The LoadPanel is an overlay widget notifying the viewer that loading is in progress.

View Demo

The following code adds to your page a simple LoadPanel and a Button that invokes it. The closeOnOutsideClick option set to true instructs the LoadPanel to hide once a user clicks outside it.

HTML
<div id="loadPanelContainer"></div>
<div id="buttonContainer"></div>
JavaScript
$(function() {
    $("#loadPanelContainer").dxLoadPanel({
        closeOnOutsideClick: true
    });

    $("#buttonContainer").dxButton({
        text: "Show the Load Panel", 
        onClick: function () {
            $("#loadPanelContainer").dxLoadPanel("show");
        } 
    });
});
See Also