Vue
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery Diagram - toolbox

Configures the toolbox settings.

Type:

Object

Default Value: {}

View Demo

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

Diagram toolbox

groups

Lists toolbox groups.

Type:

Array<Object>

|

Array<String>

Default Value: undefined
Accepted Values: 'general' | 'flowchart' | 'orgChart' | 'containers' | 'custom'

View Demo

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

visibility

Specifies the toolbar's visibility.

Type:

String

Default Value: 'auto'
Accepted Values: 'auto' | 'visible' | 'collapsed' | 'disabled'

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.

Use the DiagramPanelVisibility enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Auto, Visible, Collapsed, Disabled.