ICustomLoadingPanel Interface

Defines custom loading panel members.

Declaration

export interface ICustomLoadingPanel

Remarks

The ICustomLoadingPanel interface allows you to implement a custom loading panel for the Rich Text Editor.

Example

The code sample below demonstrates an implementation of the ICustomLoadingPanel interface.

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.dispose = function() {
    var parentNode = this.panel.parentNode;
    if (parentNode)
      parentNode.removeChild(this.panel);
  };
  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();
};

Properties

visible Property

Specifies whether the panel is visible.

Declaration

visible?: boolean

Property Value

Type Description
boolean

true, if the panel is visible; otherwise false.

Methods

dispose Method

Releases resources used by the loading panel.

Declaration

dispose?(): void

hide Method

Hides the loading panel.

Declaration

hide(): void

Remarks

Implement the hide method to provide the capability to hide your custom loading panel.

show Method

Shows the loading panel.

Declaration

show(): void

Remarks

Implement the show method to show your custom loading panel.