Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

ICustomLoadingPanel Interface

Defines custom loading panel members.

#Declaration

TypeScript
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.

javascript
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

TypeScript
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

TypeScript
dispose?(): void

#hide Method

Hides the loading panel.

#Declaration

TypeScript
hide(): void

#Remarks

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

#show Method

Shows the loading panel.

#Declaration

TypeScript
show(): void

#Remarks

Implement the show method to show your custom loading panel.