New to Kendo UI for AngularStart a free 30-day trial

ShapeDefaults

Defines the default options that will be applied to all shapes in the Diagram.

NameTypeDefaultDescription

center?

Coordinate

Defines the center position of the shape. Applicable for the circle shape.

connectorDefaults?

ShapeConnectorDefaults

Defines the default options for the shape connectors.

connectors?

ShapeConnector[]

Defines the connectors the shape owns. A connector is the point in the shape where a connection between this shape and another one can originate from or end. You can define your own custom connectors or use the predefined types.

content?

ShapeContent

Defines the default shapes content settings.

cornerRadius?

number

0

Defines the corner radius of the shape.

editable?

boolean | ShapeDefaultsEditable

Defines the shape editable options.

fill?

string | ShapeFill

Defines the fill options of the shape. Use these settings to apply a single-color or a gradient background to all shapes in the Diagram.

height?

number

100

Defines the default height of shapes in the Diagram.

hover?

ShapeHover

Defines the hover configuration for the shape.

minHeight?

number

20

Defines the minimum height the shape can have. Use this setting to apply a lower limit to the height of shapes when users resize them.

minWidth?

number

20

Defines the minimum width the shape can have. Use this setting to apply a lower limit to the width of shapes when users resize them.

path?

string

The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format.

radius?

number

Defines the radius of the shape. Applicable for the circle shape.

rotation?

ShapeRotation

Defines the rotation of the shape.

selectable?

boolean

true

Specifies if Diagram shapes can be selected.

source?

string

The path/URL to the shape image. Applicable when the type is set to "image".

stroke?

Stroke

Defines the configuration of the border around Diagram shapes.

type?

ShapeType | FlowchartShapeType

"rectangle"

Specifies the type of the Shape using any of the built-in shape type.

visual?

(data: any) => any

A function that returns a visual element to render for a given shape.

width?

number

100

Defines the default width of shapes in the Diagram.

x?

number

0

Defines the x-coordinate of shapes added to the Diagram.

y?

number

0

Defines the y-coordinate of shapes added to the Diagram.

Not finding the help you need?
Contact Support