Vue Diagram - toolbox

Configures the toolbox settings.

Selector: DxToolbox

Type:

Default Value: {}

The toolbox contains groups of shapes. Use this property to access the toolbox settings.

Diagram toolbox

groups

Lists toolbox groups.

Selector: DxGroup

Type:

Array<Enums.DiagramShapeCategory>

Default Value: undefined

Use the groups property to customize the toolbox's content. You can populate it with default or custom groups.

Specifies the number of shape icons in a row.

Selector: shape-icons-per-row

Type:

Default Value: 3

Specifies whether the search box is visible.

Selector: show-search

Type:

Default Value: true

Specifies the toolbar's visibility.

Type: Enums.DiagramPanelVisibility

Default Value: 'auto'

Value	Description
auto	The toolbox is disabled when the diagram is read-only.
visible	The toolbox is initially visible.
collapsed	The toolbox is collapsed initially.
disabled	The toolbox is disabled. An element that can invoke the toolbox is hidden.

Specifies the toolbox's width in pixels.

Type:

Default Value: undefined

Was this topic helpful?

Thank you!

Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Thank you for the feedback!