Free Trial Buy

TabbedItem

This article describes configuration options of a tabbed form item.

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 option of the item.

itemType

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

Type:

String

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

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 widget used to display the current form item.

Type:

TabPanel Configuration

Default Value: undefined

NOTE
The fields of a configuration object passed to this option do not support two-way binding in Angular, AngularJS, and Knockout and event bindings in Angular.
See Also

tabs[]

An array of tab configuration objects.

Type:

Array<Object>

Default Value: undefined

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

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.