Vue Diagram - defaultItemProperties
Default property values are applied to newly created items if no other values are provided.
$(function() { $("#diagram").dxDiagram({ nodes: { //... }, defaultItemProperties: { connectorLineStart: "outlinedTriangle", connectorLineEnd: "none", connectorLineType: "straight", style: "fill: #d9d9d9; stroke: #999999", textStyle: "font-weight: bold; text-decoration: underline" } }); });
connectorLineEnd
The connectorLineEnd property specifies a tip that is displayed at a connector's end point if the toLineEndExpr property does not provide another value.
Use the DiagramConnectorLineEnd
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: None
, Arrow
, OutlinedTriangle
, FilledTriangle
.
connectorLineStart
The connectorLineStart property specifies a tip that is displayed at a connector's start point if the fromLineEndExpr property does not provide another value.
Use the DiagramConnectorLineEnd
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: None
, Arrow
, OutlinedTriangle
, FilledTriangle
.
connectorLineType
The connectorLineType property specifies a type of a connector if the lineTypeExpr property does not provide another value.
Use the DiagramConnectorLineType
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: Straight
, Orthogonal
.
style
The style property specifies the style applied to a shape/connector if the nodes.styleExpr/edges.styleExpr property 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
The textStyle property specifies a text style that is applied to a shape/connector if the nodes.textStyleExpr/edges.textStyleExpr property 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" }
.
If you have technical questions, please create a support ticket in the DevExpress Support Center.