Blazor

Upgrade Guide User Guide Demos Support Forums Download
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class ConnectorShapeStyle - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Class ConnectorShapeStyle

    Represents the appearance of the connector.

    Inheritance
    System.Object
    SfDiagramBase
    ConnectorShapeStyle
    Inherited Members
    SfDiagramBase.UpdateCollection(IList, Boolean)
    SfDiagramBase.RandomString(Int32)
    Namespace: Syncfusion.Blazor.Diagrams
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class ConnectorShapeStyle : SfDiagramBase
    Examples
    <SfDiagram Height="600px" Connectors="@ConnectorCollection">
    </SfDiagram>
    @code
    {
      //Defines diagram's connector collection
      public ObservableCollection<DiagramConnector> ConnectorCollection = new ObservableCollection<DiagramConnector>();
      protected override void OnInitialized()
      {
        DiagramConnector DiagramConnector = new DiagramConnector()
        {
          SourcePoint = new ConnectorSourcePoint() { X = 100, Y = 100 },
          TargetPoint = new ConnectorTargetPoint() { X = 200, Y = 200 },
          Style = new ConnectorShapeStyle()
          {
            StrokeColor = "#6f409f",
            StrokeWidth = 1,
            Fill = "#6f409f",
            Opacity = 1,
            StrokeDashArray = "2,2"
           },
          //Specify the segments types as straight.
          Type = Segments.Straight,
        };
        ConnectorCollection.Add(DiagramConnector);
        }
      }

    Constructors

    ConnectorShapeStyle()

    Represents the appearance of the connector.

    Declaration
    public ConnectorShapeStyle()

    Properties

    Fill

    Gets or sets the fill color of the shape or path.

    Declaration
    public string Fill { get; set; }
    Property Value
    Type Description
    System.String

    Gradient

    This property allows the users to define and apply the gradient effect to the connector.

    Declaration
    public DiagramGradient Gradient { get; set; }
    Property Value
    Type Description
    DiagramGradient

    Opacity

    Defines the transparency level of the connector. By default, it’s set to 1.

    Declaration
    public double Opacity { get; set; }
    Property Value
    Type Description
    System.Double
    Remarks
    Opacity values are ranges from 0 to 1 where,
    • 0 represents completely transparent
    • 0 represents completely transparent
    • 1 represents not transparent at all.

    StrokeColor

    Gets or sets the stroke color of the connector.

    Declaration
    public string StrokeColor { get; set; }
    Property Value
    Type Description
    System.String

    StrokeDashArray

    Gets or sets the pattern of dashes and space to the stroke of the connector.

    Declaration
    public string StrokeDashArray { get; set; }
    Property Value
    Type Description
    System.String

    StrokeWidth

    Gets or sets the width to the stroke of the connector.

    Declaration
    public double StrokeWidth { get; set; }
    Property Value
    Type Description
    System.Double
    Back to top Generated by DocFX
    Copyright © 2001 - 2022 Syncfusion Inc. All Rights Reserved