Skip to main content

LoadingPanel.customPanel Property

Allows you to provide a custom loading panel.

Declaration

get customPanel(): undefined | ICustomLoadingPanel
set customPanel(value: ICustomLoadingPanel)

Property Value

Type Description
ICustomLoadingPanel

An object that implements the custom loading panel interface. undefined if a custom loading panel is not specified.

Remarks

Use the customPanel property to provide a custom loading panel.

richEdit.loadingPanel.customPanel = new function() {
  this.show = function() {
    this.panel.style.display = ''; 
    this.visible = true;
  };
  this.hide = function() {
    this.panel.style.display = 'none'; 
    this.visible = false;
  };
  this.panel = document.createElement('div');
  this.panel.textContent = "Loading...";
  this.panel.style.position = 'absolute';
  this.panel.style.zIndex = 1000;
  this.panel.style.backgroundColor = 'green'
  this.panel.style.top = '50%';
  this.panel.style.left = '50%';
  document.documentElement.appendChild(this.panel);
  this.hide();
};

To return the editor’s default loading panel, write the following code.

richEdit.loadingPanel.customPanel = null;
See Also