Class DiagramOverviewConstraints

Specifies the interaction setting (such as the zoom, pan, draw, and tap) enabled or disabled in overview component.

Inheritance

System.Object

DiagramOverviewConstraints

Namespace: Syncfusion.Blazor.Diagram

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class DiagramOverviewConstraints : Enum

Examples

<SfDiagramComponent @ref = "diagram" Height="600px" Width="90%" ID="diagram" @bind-Nodes="nodes"
                   @bind-Connectors="connectors">
</SfDiagramComponent>
<SfDiagramOverviewComponent Width = "400" Height="300" SourceID="diagram" Constraints="DiagramOverviewConstraints.Zoom"></SfDiagramOverviewComponent>
@code {
   SfDiagramComponent diagram; DiagramObjectCollection<Node> nodes; DiagramObjectCollection<Connector> connectors;
   protected override void OnInitialized()
   {
       nodes = new DiagramObjectCollection<Node>();
       connectors = new DiagramObjectCollection<Connector>();
       Node node1 = new Node()
       {
           ID = "node1",
           Height = 100,
           Width = 100,
           OffsetX = 100,
           OffsetY = 100,
           Style = new ShapeStyle()
           {
               Fill = "#6BA5D7",
               StrokeColor = "white",
               StrokeWidth = 1
           }
       };
       Node node2 = new Node()
       {
           ID = "node2",
           Height = 100,
           Width = 100,
           OffsetX = 300,
           OffsetY = 100,
           Style = new ShapeStyle()
           {
               Fill = "#6BA5D7",
               StrokeColor = "white",
               StrokeWidth = 1
           }
       };
       nodes.Add(node1); nodes.Add(node2);
       Connector connector1 = new Connector()
       {
           ID = "connector1",
           SourceID = "node1",
           TargetID = "node2",
           Type = ConnectorSegmentType.Straight,
           Style = new ShapeStyle()
           {
               Fill = "#6BA5D7",
               StrokeWidth = 2
           }
       };
       connectors.Add(connector1);
   }
}

Fields

Default

Enables all the interactions in overview component.

Declaration

public const DiagramOverviewConstraints Default

Field Value

Type
DiagramOverviewConstraints

DrawFocus

Enables to zoom or change the viewport area of the diagram by drawing the new rect in the overview component.

Declaration

public const DiagramOverviewConstraints DrawFocus

Field Value

Type
DiagramOverviewConstraints

None

Disables all the interactions in overview component.

Declaration

public const DiagramOverviewConstraints None

Field Value

Type
DiagramOverviewConstraints

Pan

Enables the panning interaction in overview component.

Declaration

public const DiagramOverviewConstraints Pan

Field Value

Type
DiagramOverviewConstraints

TapFocus

Enables the panning of the diagram viewport to specific focus point by tap on the overview component

Declaration

public const DiagramOverviewConstraints TapFocus

Field Value

Type
DiagramOverviewConstraints

Zoom

Enables the zooming interaction in overview component.

Declaration

public const DiagramOverviewConstraints Zoom

Field Value

Type
DiagramOverviewConstraints