Skip to main content

Loading Panel

  • 2 minutes to read

You can use ASPxLoadingPanel to display a custom ‘Loading…’ text and image. It notifies users that a callback is currently processing, and helps to prevent them from clicking away before the callback has been completed. You can display the loading panel in the center of the page or within other elements (such as a div element).

ASPxLoadingPanel_control.png

This topic lists the features that are unique to the ASPxLoadingPanel.

Control Features

  • You can use specific style properties, or assign a CSS class, to customize the control’s appearance.

  • In modal mode, the loading panel is displayed over the page controls and retains focus while active.

  • The client-side API allows you to show or hide the loading panel, and display it over the specified page element.

  • You can customize the control’s visual content (text and image).

Visual Elements

This section describes the on-screen ASPxLoadingPanel elements and lists the main members that affect their appearance and functionality.

ASPxLoadingPanelVisualElements

Loading Panel

The Loading Panel includes the Loading Panel Text and the Loading Panel Image elements. It is displayed over the Loading Div element.

The table below lists the main members that affect the element’s appearance and functionality:

Characteristics Members
Visibility The ASPxLoadingPanel control’s Visible property.
Appearance The ASPxLoadingPanel control’s appearance settings.
Size The ASPxLoadingPanel control’s Width and Height properties.
Template ASPxLoadingPanel.Template
Paddings ASPxLoadingPanel.Paddings
Alignment ASPxLoadingPanel.HorizontalAlign, ASPxLoadingPanel.VerticalAlign
Mode ASPxLoadingPanel.Modal
Position ASPxLoadingPanel.HorizontalOffset, ASPxLoadingPanel.VerticalOffset

Loading Div

The Loading Div is shown when the ASPxLoadingPanel.Modal property is enabled. It can be displayed over an entire page of controls or within a specific control (if the ASPxLoadingPanel.ContainerElementID property is defined).

The table below lists the main members that affect the element’s appearance and functionality:

Characteristics Members
Visibility ASPxLoadingPanel.Modal
Style ASPxLoadingPanel.LoadingDivStyle

Loading Panel Image

The Loading Panel Image is displayed within the loading panel.

The table below lists the main members that affect the element’s appearance and functionality:

Characteristics Members
Visibility ASPxLoadingPanel.ShowImage
Image ASPxLoadingPanel.Image
Spacing ASPxLoadingPanel.ImageSpacing
Position ASPxLoadingPanel.ImagePosition

Loading Panel Text

The Loading Panel Text is displayed within the loading panel.

The table below lists the main members that affect the element’s appearance and functionality:

Characteristics Members
Text ASPxLoadingPanel.Text
Alignment ASPxLoadingPanel.HorizontalAlign, ASPxLoadingPanel.VerticalAlign
Style The ASPxLoadingPanel control’s Font property.