The loadingStart() method displays a loading label in the upper-left corner of the Scheduler after 100ms.

You can use this method to indicate that an HTTP call is in progress. Call loadingStop() when the HTTP response arrives to hide the label.

The loadingLabelVisible property must be set to true.

If blockOnCallBack property is set to true (the default value is false) the loadingStart() method will display an overlay <div> over the Scheduler to prevent access to the UI.




The options parameter is available since 2020.2.4337.

  • options.delay (number)- the label will only be displayed if loadingStop is not called within the specified number of milliseconds
  • options.text (string) - label text; if not specified, loadingLabelText will be used (but only if loadingLabelVisible is set to true)
  • options.block (boolean) - block the UI using an overlay <div>; if not specified, blockOnCallBack value will be used

See Also


dp.loadingStart({ delay: 100, text: "Please wait...", block: true});

$.get("/events", function(data) { 
  dp.update({events: data}); 
}).always(function() {