A newer version of this page is available. Switch to the current version.

JavaScript/jQuery RangeSelector - loadingIndicator

Configures the loading indicator.

Type: viz/core/base_widget:BaseWidgetLoadingIndicator

When the UI component is bound to a remote data source, it can display a loading indicator while data is loading.

DevExtreme Charts - Loading indicator

To enable the automatic loading indicator, set the enabled property to true.

If you want to change the loading indicator's visibility, use the show property or the showLoadingIndicator() and hideLoadingIndicator() methods.

backgroundColor

Colors the background of the loading indicator.

Type:

String

Default Value: '#FFFFFF'

This property supports the following colors:

enabled

Specifies whether the loading indicator should be displayed and hidden automatically.

Type:

Boolean

Default Value: false

The loading indicator's visibility is tied to the DataSource's load method: it appears when the method's execution starts and hides when the execution is complete. The RangeSelector calls the method internally.

NOTE
The dataSource property does not have to be set to a DataSource instance because the UI component wraps anything passed to this property in the DataSource.

If you want to change the loading indicator's visibility, use the show property.

font

Specifies font properties for the loading indicator.

Type:

Object

show

Allows you to change the loading indicator's visibility.

Type:

Boolean

Default Value: false
Raised Events: onOptionChanged

text

Specifies the text to be displayed by the loading indicator.

Type:

String

Default Value: 'Loading...'