BuyLog In
DevExtreme
All docs
V 23.2
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
All docs
V23.2

General Information

.NET Subscription

What's Included
DevExpress Installation
DevExpress Code Examples

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)
TestCafe Studio

Desktop

Controls

WinForms
WPF
VCL
WinUI

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI
XPO - .NET ORM Library (FREE)
XPO Profiler
Core Libraries
Drawing Graphics Library
.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)
.NET MAUI (FREE)

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
BI Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Full-text search
Overview
Getting Started
UI Components
Accordion
ActionSheet
Autocomplete
BarGauge
Box
Bullet
Button
ButtonGroup
Calendar
Chart
CheckBox
CircularGauge
ColorBox
ContextMenu
DataGrid
DateBox
DateRangeBox
DeferRendering
Diagram
Draggable
Drawer
DropDownBox
DropDownButton
FileManager
FileUploader
FilterBuilder
Floating Action Button
Form
Funnel
Gallery
Gantt
HtmlEditor
LinearGauge
List
LoadIndicator
LoadPanel
Lookup
Map
Menu
MultiView
NumberBox
PieChart
PivotGrid
PivotGridFieldChooser
PolarChart
Popover
Popup
ProgressBar
RadioGroup
RangeSelector
RangeSlider
Resizable
ResponsiveBox
Sankey
Scheduler
ScrollView
SelectBox
Slider
Sortable
Sparkline
Switch
TabPanel
Tabs
TagBox
TextArea
TextBox
TileView
Toast
Toolbar
Tooltip
TreeList
TreeMap
TreeView
VectorMap
Common Types
animation
charts
data
events
gauges
grids
ApplyChangesMode
ApplyFilterMode
ColumnChooser
ColumnChooserMode
ColumnChooserSearchConfig
ColumnChooserSelectionConfig
ColumnFixing
ColumnFixingTexts
ColumnHeaderFilterSearchConfig
ColumnResizeMode
DataChangeType
DataRenderMode
EnterKeyAction
EnterKeyDirection
FilterOperation
FilterPanel
FilterPanelTexts
FilterRow
FilterRowOperationDescriptions
FilterType
GridsEditMode
GridsEditRefreshMode
GroupExpandMode
HeaderFilter
HeaderFilterGroupInterval
HeaderFilterSearchConfig
HeaderFilterTexts
KeyboardNavigation
LoadPanel
enabled
height
indicatorSrc
shading
shadingColor
showIndicator
showPane
text
width
NewRowPosition
Pager
PagerDisplayMode
PagerPageSize
RowDragging
SearchPanel
SelectedFilterOperation
SelectionColumnDisplayMode
Sorting
StartEditAction
StateStoreType
StateStoring
SummaryType
ApplyValueMode
ButtonStyle
ButtonType
ComparisonOperator
DataStructure
DataType
DefaultOptionsRule
Direction
DragDirection
DragHighlight
EditorStyle
ExportFormat
FieldChooserLayout
FirstDayOfWeek
FloatingActionButtonDirection
Format
HorizontalAlignment
HorizontalEdge
LabelMode
MaskMode
Mode
Orientation
PageLoadMode
PageOrientation
Position
PositionAlignment
ScrollbarMode
ScrollDirection
ScrollMode
SearchMode
SelectAllMode
SimplifiedSearchMode
SingleMultipleAllOrNone
SingleMultipleOrNone
SingleOrMultiple
SingleOrNone
SliderValueChangeMode
SortOrder
StoreType
SubmenuShowMode
TabsIconPosition
TabsStyle
TextBoxPredefinedButton
TextEditorButtonLocation
ToolbarItemComponent
ToolbarItemLocation
TooltipShowMode
ValidationMessageMode
ValidationRule
ValidationRuleType
ValidationStatus
VerticalAlignment
VerticalEdge
Utilities
Data Binding
Data Validation
Localization and Globalization
UI Customization
Integration Guides
DevExtreme CLI
Data Analytics and BI
.NET Backend Solutions
Advanced Topics
Troubleshooting
Migrate to the New Version

General Information

.NET Subscription

What's Included
DevExpress Installation
DevExpress Code Examples

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)
TestCafe Studio

Desktop

Controls

WinForms
WPF
VCL
WinUI

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI
XPO - .NET ORM Library (FREE)
XPO Profiler
Core Libraries
Drawing Graphics Library
.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)
.NET MAUI (FREE)

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
BI Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
A newer version of this page is available. Switch to the current version.

jQuery/JS Common Types - grids - LoadPanel

Configures the load panel.

import { LoadPanel } from "devextreme/common/grids"

enabled

Enables displaying the load panel automatically.

Type:

Boolean

|

Mode

Default Value: 'auto'

height

Specifies the height of the load panel in pixels.

Type:

Number

|

String

Default Value: 90

indicatorSrc

Specifies a URL pointing to an image to be used as a loading indicator.

Type:

String

Default Value: ''

shading

Specifies whether to shade the UI component when the load panel is shown.

Type:

Boolean

Default Value: false

shadingColor

Specifies the shading color. Applies only if shading is true.

Type:

String

Default Value: ''

showIndicator

Specifies whether to show the loading indicator.

Type:

Boolean

Default Value: true

showPane

Specifies whether to show the pane of the load panel.

Type:

Boolean

Default Value: true

text

Specifies text displayed on the load panel.

Type:

String

Default Value: 'Loading...'

width

Specifies the width of the load panel in pixels.

Type:

Number

|

String

Default Value: 200