Vue Diagram - contextToolbox

Configures the context toolbox's settings.

Selector: DxContextToolbox
Type:

Object

Default Value: {}

View Demo

The context toolbox appears when you draw a connector from a shape and release it without it being connected to another shape. The toolbox allows you to create a shape at the end of the connector.

Diagram context toolbox

category

Specifies the category of shapes that are displayed in the context toolbox.

Type:

DiagramShapeCategory

|

String

The category property is not in effect if the shapes property is specified.

displayMode

Specifies how shapes are displayed in the context toolbox.

Selector: display-mode
Type:

DiagramToolboxDisplayMode

enabled

Specifies the context toolbox's availability.

Type:

Boolean

Default Value: true

shapeIconsPerRow

Specifies the number of shape icons in a row.

Selector: shape-icons-per-row
Type:

Number

Default Value: 4

shapes

Lists the shapes that are displayed in the context toolbox. The built-in shape types are shown in the Shape Types section.

Selector: DxShape
Type:

Array<DiagramShapeType>

|

Array<String>

width

Specifies the context toolbox's width in pixels.

Type:

Number

Default Value: 152