All docs
V20.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
17.1
The page you are viewing does not exist in version 17.1. This link will take you to the root page.
16.2
The page you are viewing does not exist in version 16.2. This link will take you to the root page.
Vue

defaultItemProperties

Configures default item properties.

Type:

Object

Default Value: {}

Default property values are applied to newly created items if no other values are provided.

index.js
$(function() {
    $("#diagram").dxDiagram({
        nodes: {
            //...
        },
        defaultItemProperties: {
            connectorLineStart: "outlinedTriangle",
            connectorLineEnd: "none",
            connectorLineType: "straight",
            style: "fill: #d9d9d9; stroke: #999999",
            textStyle: "font-weight: bold; text-decoration: underline"
        }
    });
});

connectorLineEnd

Specifies the default tip of a connector's end point.

Type:

String

Default Value: 'arrow'
Accepted Values: 'none' | 'arrow' | 'outlinedTriangle' | 'filledTriangle'

The connectorLineEnd option specifies a tip that is displayed at a connector's end point if the toLineEndExpr option does not provide another value.

Use the DiagramConnectorLineEnd enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: None, Arrow, OutlinedTriangle, FilledTriangle.

connectorLineStart

Specifies the default tip of a connector's start point.

Type:

String

Default Value: 'none'
Accepted Values: 'none' | 'arrow' | 'outlinedTriangle' | 'filledTriangle'

The connectorLineStart option specifies a tip that is displayed at a connector's start point if the fromLineEndExpr option does not provide another value.

Use the DiagramConnectorLineEnd enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: None, Arrow, OutlinedTriangle, FilledTriangle.

connectorLineType

Specifies the default type of a connector.

Type:

String

Default Value: 'orthogonal'
Accepted Values: 'straight' | 'orthogonal'

The connectorLineType option specifies a type of a connector if the lineTypeExpr option does not provide another value.

Use the DiagramConnectorLineType enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Straight, Orthogonal.

style

Specifies a default item style.

Type:

Object

The style option specifies the style applied to a shape/connector if the nodes.styleExpr/edges.styleExpr option does not provide another value.

The style settings can be specified in the following ways:

  • as inline style declaration, for instance "fill: #d9d9d9; stroke: #999999",
  • as CSS rules presented in JSON format, , for instance {"fill": "#d9d9d9", "stroke": "#999999"}.

textStyle

Specifies an item's default text style.

Type:

Object

The textStyle option specifies a text style that is applied to a shape/connector if the nodes.textStyleExpr/edges.textStyleExpr option does not provide another value.

The style settings can be specified in the following ways:

  • as inline style declaration, for instance "font-weight: bold; text-decoration: underline",
  • as CSS rules in JSON format, for instance { "font-weight": "bold", "text-decoration": "underline" }.