IQuestionToolboxItem

A function that is executed when users click the action item.

View Demo

Type:

(context?: any) => void readonly

Implemented in:

IAction

Specifies whether the action item is active.

Use this property as a flag to specify different action item appearances in different states.

Type:

boolean readonly

Implemented in:

IAction

See also:

enabled * , visible

A category to which this toolbox item belongs.

Out-of-the-box categories include "general", "choice", "text", "containers", "matrix", and "misc".

Default value: "general"

Type:

string readonly

Implemented in:

IQuestionToolboxItem

Specifies the name of a component used to render the action item.

Type:

string readonly

Implemented in:

IAction

One or several CSS classes that you want to apply to the outer <div> element.

In the markup, an action item is rendered as an <input> or <button> wrapped in a <div>. The css property applies classes to the <div> element.

To apply several classes, separate them with a space character: "myclass1 myclass2".

View Demo

Type:

string readonly

Implemented in:

IAction

See also:

innerCss

The action item's data object. Use it to pass required data to a custom template or component.

Type:

any readonly

Implemented in:

IAction

Set this property to true if you want the item's title to be always visible. If you set it to false, the title hides when the screen space is limited, and the item displays only the icon.

Type:

boolean readonly

Implemented in:

IAction

See also:

title * , iconName

Set this property to true if you want to disable keyboard navigation for the action item (sets the tabIndex attribute to -1).

Type:

boolean readonly

Implemented in:

IAction

Specifies whether users can interact with the toolbox item.

Default value: true

Type:

boolean readonly

Implemented in:

IQuestionToolboxItem

An icon name.

UI Icons

Type:

string readonly

Implemented in:

IQuestionToolboxItem

The action item's icon size in pixels.

Type:

string | number readonly

Implemented in:

IAction

See also:

iconName

A unique action item identifier.

View Demo

Type:

string readonly

Implemented in:

IAction

One or several CSS classes that you want to apply to the inner <input> or <button> element.

In the markup, an action item is rendered as an <input> or <button> wrapped in a <div>. The innerCss property applies classes to the <input>/<button> element.

To apply several classes, separate them with a space character: "myclass1 myclass2".

View Demo

Type:

string readonly

Implemented in:

IAction

See also:

css

A JSON object used to create a new question or panel when users click this toolbox item. It must contain the type property.

View Toolbox Customization Demo

Type:

any readonly

Implemented in:

IQuestionToolboxItem

The action item's location in a matrix question's row.

The following values are available:

• "start" - The action item is located at the beginning of the row.
• "end" - The action is located at the end of the row.

Type:

string readonly

Implemented in:

IAction

A toolbox item identifier.

Toolbox item names must be unique.

Type:

string readonly

Implemented in:

IQuestionToolboxItem

Specifies the visibility of the action item's title.

Type:

boolean readonly

Implemented in:

IAction

See also:

title * , disableShrink

Specifies the name of a template used to render the action item.

Type:

string readonly

Implemented in:

IAction

See also:

component

A user-friendly toolbox item title.

Type:

string readonly

Implemented in:

IQuestionToolboxItem

A toolbox item tooltip.

If tooltip is undefined, the title property value is used instead.

Type:

string readonly

Implemented in:

IQuestionToolboxItem

Specifies the action item's visibility.

Type:

boolean | ComputedUpdater<boolean> readonly

Implemented in:

IAction

See also:

enabled * , active

A number that specifies the action's position relative to other actions.

View Demo

Type:

number readonly

Implemented in:

IAction