All docs
V24.1
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.
Box
Map

jQuery/JS Common Types

gauges

ApplyValueMode

Specifies the way an end-user applies the selected value.

Accepted Values: 'instantly' | 'useButtons'

ButtonStyle

Specifies how the button is styled.

Accepted Values: 'text' | 'outlined' | 'contained'

ButtonType

Specifies the button type.

Accepted Values: 'danger' | 'default' | 'normal' | 'success'

ComparisonOperator

Specifies the operator to be used for comparing the validated value with the target.

Accepted Values: '!=' | '!==' | '<' | '<=' | '==' | '===' | '>' | '>='

DataStructure

Specifies the data structure.

Accepted Values: 'plain' | 'tree'

DataType

Specifies a data type for a column/field value.

Accepted Values: 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

DefaultOptionsRule

Specifies the device-dependent default configuration properties for a component.

import { DefaultOptionsRule } from "devextreme/core/options"
Type:

Object

Direction

Specifies the animation direction for the "slideIn" and "slideOut" animation types.

Accepted Values: 'bottom' | 'left' | 'right' | 'top'

DragDirection

Specifies the directions in which an item/row can be dragged.

Accepted Values: 'both' | 'horizontal' | 'vertical'

DragHighlight

Specifies how to highlight the item/row's drop position.

Accepted Values: 'push' | 'indicate'

EditorStyle

Specifies how the UI component's text field is styled.

Accepted Values: 'outlined' | 'underlined' | 'filled'

ExportFormat

Specifies a set of export formats.

Accepted Values: 'GIF' | 'JPEG' | 'PDF' | 'PNG' | 'SVG'

FieldChooserLayout

Specifies the field chooser layout.

Accepted Values: 0 | 1 | 2

FirstDayOfWeek

Specifies the first day of a week.

Accepted Values: 0 | 1 | 2 | 3 | 4 | 5 | 6

FloatingActionButtonDirection

Specifies the direction in which to open the speed dial menu.

Accepted Values: 'auto' | 'up' | 'down'

Format

Specifies a predefined format.

Accepted Values: 'billions' | 'currency' | 'day' | 'decimal' | 'exponential' | 'fixedPoint' | 'largeNumber' | 'longDate' | 'longTime' | 'millions' | 'millisecond' | 'month' | 'monthAndDay' | 'monthAndYear' | 'percent' | 'quarter' | 'quarterAndYear' | 'shortDate' | 'shortTime' | 'thousands' | 'trillions' | 'year' | 'dayOfWeek' | 'hour' | 'longDateLongTime' | 'minute' | 'second' | 'shortDateShortTime'

HorizontalEdge

Specifies the position of a component's element relative to the component in the horizontal direction.

Accepted Values: 'left' | 'right'

LabelMode

Specifies the label's display mode.

Accepted Values: 'static' | 'floating' | 'hidden' | 'outside'

MaskMode

Specifies when the UI component shows the mask.

Accepted Values: 'always' | 'onFocus'

PageLoadMode

Specifies whether the next page is loaded when a user scrolls the UI component to the bottom or when the "next" button is clicked.

Accepted Values: 'nextButton' | 'scrollBottom'

PageOrientation

Specifies the page orientation.

Accepted Values: 'portrait' | 'landscape'

PositionAlignment

Positions the UI component.

Accepted Values: 'bottom' | 'center' | 'left' | 'left bottom' | 'left top' | 'right' | 'right bottom' | 'right top' | 'top'

ScrollbarMode

Specifies when the UI component shows the scrollbar.

Accepted Values: 'always' | 'never' | 'onHover' | 'onScroll'

ScrollDirection

Specifies the available scrolling directions.

Accepted Values: 'both' | 'horizontal' | 'vertical'

ScrollMode

Specifies the scrolling mode.

Accepted Values: 'standard' | 'virtual'

SearchMode

Specifies a comparison operation used to search UI component items.

Accepted Values: 'contains' | 'startswith' | 'equals'

SelectAllMode

Specifies the mode in which all items are selected.

Accepted Values: 'allPages' | 'page'

SimplifiedSearchMode

Specifies a comparison operation used to search UI component items.

Accepted Values: 'contains' | 'startswith'

SingleMultipleAllOrNone

Specifies whether the UI component enables an end-user to select only a single item, multiple items, all, or none.

Accepted Values: 'single' | 'multiple' | 'all' | 'none'

SingleMultipleOrNone

Specifies whether the UI component enables an end-user to select only a single item, multiple items, or none.

Accepted Values: 'single' | 'multiple' | 'none'

SingleOrMultiple

Specifies whether the UI component enables an end-user to select only a single item or multiple items.

Accepted Values: 'single' | 'multiple'

SingleOrNone

Specifies whether the UI component enables an end-user to select only a single item or none.

Accepted Values: 'single' | 'none'

SliderValueChangeMode

Specifies when to change the component's value.

Accepted Values: 'onHandleMove' | 'onHandleRelease'

StoreType

Specifies the storage type the DataSource uses.

Accepted Values: 'array' | 'local' | 'odata'

SubmenuShowMode

Specifies modes of submenu showing and hiding.

Accepted Values: 'onClick' | 'onHover'

TabsIconPosition

Specifies icon position inside the tab.

Accepted Values: 'top' | 'end' | 'bottom' | 'start'

TabsStyle

Specifies tab styling mode.

Accepted Values: 'primary' | 'secondary'

TextBoxPredefinedButton

Specifies the predefined button for a textbox.

Accepted Values: 'clear'

TextEditorButtonLocation

Specifies whether to place the button before or after the input text field.

Accepted Values: 'after' | 'before'

ToolbarItemComponent

Specifies the UI component that presents a toolbar item.

Accepted Values: 'dxAutocomplete' | 'dxButton' | 'dxButtonGroup' | 'dxCheckBox' | 'dxDateBox' | 'dxDropDownButton' | 'dxMenu' | 'dxSelectBox' | 'dxSwitch' | 'dxTabs' | 'dxTextBox'

TooltipShowMode

Specifies when the UI component shows a tooltip.

Accepted Values: 'always' | 'onHover'

ValidationMessageMode

Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed.

Accepted Values: 'always' | 'auto'

ValidationRule

Specifies a validation rule.

import { ValidationRule } from "devextreme/common"

ValidationStatus

Specifies the validation status.

Accepted Values: 'valid' | 'invalid' | 'pending'

VerticalEdge

Specifies the position of a component's element relative to the component in the vertical direction.

Accepted Values: 'bottom' | 'top'