JavaScript/jQuery LoadPanel - Customize the Loading Indicator

If you need to use a 3rd-party loading indicator inside the LoadPanel, assign its URL to the indicatorSrc property.

JavaScript
  • $(function() {
  • $("#loadPanelContainer").dxLoadPanel({
  • hideOnOutsideClick: true,
  • indicatorSrc: "https://js.devexpress.com/Content/data/loadingIcons/rolling.svg"
  • });
  •  
  • $("#buttonContainer").dxButton({
  • text: "Show the Load Panel",
  • onClick: function () {
  • $("#loadPanelContainer").dxLoadPanel("show");
  • }
  • });
  • });

In case you do not need any loading indicator to be shown at all, assign false to the showIndicator property.

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