A widget used to indicate whether or not an element is loading.

Type: Object

The dxLoadPanel widget represents an overlaying element indicating that loading is in progress. The text displayed by the widget is specified via the message configuration option.

Declare an observable Boolean variable and assign it to the visible configuration option to control widget visibility.

var loadPanelVisible = ko.observable(false);

To create the dxLoadPanel widget, add a div element with dxLoadPanel Knockout binding within the body of the required view.

<div data-bind="dxLoadPanel: { message: 'Loading...', visible: loadPanelVisible }"></div>

The following demo illustrates how to create a widget without creating an HtmlApplication, views, and layouts. Refer to the Add a widget documentation section to learn how to create widgets within views in a PhoneJS application.

Show Example:


An object that defines configuration options for the dxLoadPanel widget.


This section describes members used to manipulate the widget.