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