The requested page is not available for the requested platform. You are viewing the content for Default platform.

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.