Angular Form - TabbedItem

This article describes configuration properties of a tabbed form item. You can specify its options in the tabPanelOptions object.

Type:

Object

An item representing a tabbed container for other form items.

View Demo

See Also

colSpan

Specifies the number of columns spanned by the item.

Type:

Number

Default Value: undefined

cssClass

Specifies a CSS class to be applied to the form item.

Type:

String

Default Value: undefined

In Form, you can customize the appearance of form items using CSS styles. To apply a style to an item, implement a CSS class, which may contain various properties, and assign the name of this class to the cssClass property of the item.

itemType

Specifies the item's type. Set it to "tabbed" to create a tabbed item.

Type:

FormItemType

Default Value: 'simple'

View Demo

See Also

name

Specifies a name that identifies the form item.

Type:

String

Default Value: undefined

Use the name to access the form item in methods like itemOption(id).

tabPanelOptions

Holds a configuration object for the TabPanel UI component used to display the current form item.

Type:

TabPanel Configuration

Default Value: undefined

Angular
NOTE
The nested component that configures the tabPanelOptions property does not support event bindings and two-way property bindings.
Vue
NOTE
The nested component that configures the tabPanelOptions property does not support event bindings and two-way property bindings.

View Demo

See Also

tabs[]

An array of tab configuration objects.

Selector: dxi-tab
Type:

Array<Object>

Default Value: undefined

Each item of the array passed to this property can have fields described below.

View Demo

visible

Specifies whether or not the current form item is visible.

Type:

Boolean

Default Value: true

visibleIndex

Specifies the sequence number of the item in a form, group or tab.

Type:

Number

Default Value: undefined

Items whose visible index is not specified are located at the end of the sequence and are ordered alphabetically.