All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery LoadPanel - Overview

The LoadPanel is an overlay UI component 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 hideOnOutsideClick property set to true instructs the LoadPanel to hide once a user clicks outside it.

HTML
JavaScript
  • <div id="loadPanelContainer"></div>
  • <div id="buttonContainer"></div>
  • $(function() {
  • $("#loadPanelContainer").dxLoadPanel({
  • hideOnOutsideClick: true
  • });
  •  
  • $("#buttonContainer").dxButton({
  • text: "Show the Load Panel",
  • onClick: function () {
  • $("#loadPanelContainer").dxLoadPanel("show");
  • }
  • });
  • });
See Also