All docs
V25.2
25.2
25.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.

JavaScript/jQuery Form Types

ContentReadyEvent

The argument type in the contentReady event.

import { ContentReadyEvent } from "devextreme/ui/form"
Type:

Object

DisposingEvent

The argument type in the disposing event.

import { DisposingEvent } from "devextreme/ui/form"
Type:

Object

EditorEnterKeyEvent

The argument type in the editorEnterKey event.

import { EditorEnterKeyEvent } from "devextreme/ui/form"
Type:

Object

FieldDataChangedEvent

The argument type in the fieldDataChanged event.

import { FieldDataChangedEvent } from "devextreme/ui/form"
Type:

Object

FormItemComponent

Specifies which editor UI component is used to display and edit the form item value.

Accepted Values: 'dxAutocomplete' | 'dxCalendar' | 'dxCheckBox' | 'dxColorBox' | 'dxDateBox' | 'dxDateRangeBox' | 'dxDropDownBox' | 'dxHtmlEditor' | 'dxLookup' | 'dxNumberBox' | 'dxRadioGroup' | 'dxRangeSlider' | 'dxSelectBox' | 'dxSlider' | 'dxSwitch' | 'dxTagBox' | 'dxTextArea' | 'dxTextBox'

FormItemType

Specifies the item's type.

Accepted Values: 'empty' | 'group' | 'simple' | 'tabbed' | 'button'

FormLabelMode

Specifies a display mode for item labels.

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

Used in:

FormPredefinedButtonItem

Specifies a predefined type for the button item.

Accepted Values: 'reset' | 'submit' | 'smartPaste'

The following predefined button types are available:

  • 'reset'
    Resets all values in the Form to their initial state.

  • 'submit'
    Submits the Form.

  • 'smartPaste'
    Populates the Form with AI-generated values based on clipboard text. Requires aiIntegration.

View Demo

InitializedEvent

The argument type in the initialized event.

import { InitializedEvent } from "devextreme/ui/form"
Type:

Object

LabelLocation

Specifies the location of a label against the editor.

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

OptionChangedEvent

The argument type in the optionChanged event.

import { OptionChangedEvent } from "devextreme/ui/form"
Type:

Object

SmartPastedEvent

The argument type in the smartPasted event.

import { SmartPastedEvent } from "devextreme/ui/form"
Type:

Object

SmartPastingEvent

The argument type in the smartPasting event.

import { SmartPastingEvent } from "devextreme/ui/form"
Type:

Object