Class

DiagramConnectionContentDescriptor

Declaration

public DiagramConnectionContentDescriptor()

Sets the text color for the connection label. Accepts CSS color values including hex codes (#FF5733), named colors (red, blue), or RGB/RGBA values. Ensures good contrast against the diagram background for readability. Example: Set to "#FFFFFF" for white text on dark diagrams, or "#000000" for black text on light backgrounds.

Declaration

public string Color { get; set; }

Property Value

Specifies the font family for the connection label text. Accepts any valid CSS font-family value including web-safe fonts and custom font stacks. Falls back to default browser font if specified font is unavailable. Example: Set to "Arial, sans-serif" or "Segoe UI, Tahoma, Geneva, sans-serif" for modern appearance.

Declaration

public string FontFamily { get; set; }

Property Value

Sets the font size for the connection label text in pixels. Larger values make text more prominent but may require more space on the connection line. Typical values range from 10.0 to 16.0 pixels for diagram labels. Example: Set to 12.0 for standard readability, or 14.0 for emphasized labels.

Declaration

public double? FontSize { get; set; }

Property Value

Controls the font style (normal or italic) for the connection label text. Accepts CSS font-style values: "normal", "italic", or "oblique". Use italic to emphasize or differentiate certain connection types. Example: Set to "italic" for conditional or optional connections in workflow diagrams.

Declaration

public string FontStyle { get; set; }

Property Value

Sets the font weight (thickness) for the connection label text. Accepts CSS font-weight values: "normal", "bold", numeric values (100-900), or keywords (lighter, bolder). Heavier weights make text more prominent and improve visibility. Example: Set to "bold" or "600" for important connection labels like "Critical Path".

Declaration

public string FontWeight { get; set; }

Property Value

Sets the distance in pixels between the connection label and the connection line path. Positive values move the label away from the line, negative values move it closer. Useful for preventing label overlap with the connection line or adding visual separation. Example: Set to 5.0 to position the label slightly above or beside the connection line.

Declaration

public double? Offset { get; set; }

Property Value

Configures the label placement position along the connection path. Use DiagramConnectionContentPositionDescriptor to control where the label appears on the line. Allows precise positioning to avoid overlapping with shapes or other connections.

Declaration

public DiagramConnectionContentPositionDescriptor Position { get; set; }

Property Value

Specifies a custom template function name for rendering connection labels with dynamic content. The template function receives connection data and can return formatted HTML or text. Advanced feature for creating data-driven labels with complex formatting or conditional display. Refer to Telerik documentation for template function implementation details.

Declaration

public string Template { get; set; }

Property Value

Sets the text content displayed as a label on the connection line. Typically used to describe the relationship, action, or condition represented by the connection. Keep text concise for better readability on diagram connections. Example: Set to "Yes", "Approved", "HTTP", or "Data Flow" to label connection meaning.

Declaration

public string Text { get; set; }

Property Value

Specifies a custom JavaScript function name that returns a visual element to render the connection label. Provides complete control over label rendering using Kendo UI Drawing API or SVG elements. Advanced feature for highly customized label appearances beyond standard text and styling. The function receives connection metadata and should return a drawable visual element.

Declaration

public string Visual { get; set; }

Property Value

Declaration

public Dictionary<string, object> Serialize()

Returns